CSS编写标题时每行文字之间多出了几个px

html-css012

CSS编写标题时每行文字之间多出了几个px,第1张

下次提问把html的代码结构放出来,不然只能靠猜的。

一般来说会影响文字间距的,除了margin padding,还会有line-height(行高),而且行高一般浏览器默认值都是一个相对高度,跟随你字体大小改变。换言之不同的浏览器其实各自内部都有一套css样式,所以哪怕你什么style都不写,只打一行字,行与行之间也不会是紧贴的。

只要你不是用的ie浏览器,直接F12一下看看控制台(我用的chrome)控制台多半能看到盒子的结构,你可以光标过去看看下面的属性,看看是什么影响你的页面。

另外以后做页面,最好先加载一个css reset的样式表,不明白的就自己百度一下“css初始化”,这样可以最大程度的减轻浏览器初始样式的影响,也不会换个浏览器布局就乾坤大挪移。

说句题外话,除非必要,不然不要轻易设置容器高度,尽量让盒子自己撑开,不然内容容易溢出,你也计算不准。

可以在里面嵌套一个div

<h1 align="center">

   <div style="display:inline-blocktext-align:left">这里是你的标题 </div>

</h1>