您的位置:首页 > Web前端 > CSS

HTML&CSS学习3——文字居中

2014-06-04 20:53 1001 查看
块状元素中的文字,一般情况下不会居中,若我们想将其居中,可以使用下面的方式。

即设置块状元素的行高和自身的高度一样,这样,文字在行中是居中的,自然在块里面也是居中的。

基本的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中将会居中显示。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: