css – 标题宽度(H1,H2等)

前端之家收集整理的这篇文章主要介绍了css – 标题宽度(H1,H2等)前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我希望我的标题(h1到h6)具有背景颜色(与页面背景不同),我也希望这个背景的宽度与标题中文本的宽度相同,加上padding(不是头部所在的容器的宽度,现在正在发生)。

没有太多的意义,我向你显示任何代码,因为这是相当简单的(或者它应该是反正!)。容器是固定的宽度。现在我为h1,h2,h3等标签设置了一些边距,填充,背景颜色和字体样式。

编辑:我猜代码会有帮助! https://web.archive.org/web/20090724165158/http://adriantrimble.com/headers(这已经应用了Gerald的解决方案,虽然显然这在IE6 / 7中仍然不起作用,但在较新的浏览器中仍然存在问题)。使用display:inline会导致比解决问题更多的问题,使用float:left和clear:left如上所述由于2列布局而有问题。感谢大家帮助到目前为止。

解决方法

我会用
#rightcol h1,#rightcol h2,#rightcol h3,#rightcol h4,#rightcol h6,#rightcol h6 {
   float:left;
   clear:left;
}
#rightcol p {clear:left;}

评论后编辑

如果包含的div浮动,则清除不会清除左栏。所以浮动右手边留下并移除边

#rightcol {
   float:left;
   padding:70px 20px 20px 0px;
   width:585px;
}

猜你在找的CSS相关文章