块状元素中的文字,一般情况下不会居中,若我们想将其居中,可以使用下面的方式。
即设置块状元素的行高和自身的高度一样,这样,文字在行中是居中的,自然在块里面也是居中的。
基本的css代码如下:
.subtitle { margin: 0px; height: 40px; background-color: pink; } .subtitle h1 { margin: 2px; display: block; margin: 0px; float: left; line-height: 40px; }
上面的代码将h1的行高,设置为了subtitle的高度,这样,h1在subtitle中将会居中显示。