我希望我的标题跨越页面宽度

时间:2016-08-30 09:04:39

标签: html css html5 css3

我有以下标题" 2015年度建筑设计大会"。 我的编码中有h1标记。我希望它能够在整个网页上展开,以便从左侧开始,到右侧结束(一点点填充物不会受到伤害)。

我尝试通过增加字体来做到这一点,但高度变得太大了。我只想让它高约2英寸。我试过跨度和中心标签,但它们也不是我想要的。另外,我想要小文字的文字。字母之间的间距并不重要,只要它不是太多。 非常感谢任何帮助

编辑:代码在我第一次发布时没有显示。我意识到后来我做错了。感谢下来的选票 - .-这是代码:



.heading {
  font: 55px;
}

<body class="main">

  <h1><span>2015 Annual Architectural Design Convention</span></h1>

  <div class="heading"><center>2015 Annual Architectural Design Convention</center></div>

</body>
&#13;
&#13;
&#13;

我后来试过了

&#13;
&#13;
#heading {
  width: 100%;
}
&#13;
 <div id="heading">2015 Annual Architectural Design Convention</div>
&#13;
&#13;
&#13;

4 个答案:

答案 0 :(得分:2)

尝试样式.letter-spacing

<h1 style="letter-spacing: 10px;">2015 Annual Architectural Design Convention</h1> 

根据要求增加字母间距。

答案 1 :(得分:0)

如果你发布了一些代码来告诉我们你做了什么,那将是值得的。但如果您愿意,请使用以下内容作为起点。

join album in me.Albums on track.AlbumId equals album.AlbumId
into albums
from album in albums.DefaultIfEmpty()

答案 2 :(得分:0)

使用此:

   .wrapper {
          margin:0 auto;
          width:960px;
          max-width:100%;
    }

    .heading {
          width:100%;
          margin:0;
          padding:40px 0;
    }

    .heading h1 {
          font-size:35pt;
          font-family:tahoma;
          color:black;
          text-align:center;
          line-height:35pt;
    }

<div class="wrapper">
     <div class="heading">
          <h1>This is my website</h1>
     </div>
</div>

答案 3 :(得分:0)

你去吧

开始使用jsfiddle.net

.heading {
  font: 55px;
}

h1 {
  text-align: center;
}
<h1>2015 Annual Architectural Design Convention</h1>

<div class="heading">
  <center>2015 Annual Architectural Design Convention</center>
</div>