现在的位置: 首页 > 综合 > 正文

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

2014年10月28日 ⁄ 综合 ⁄ 共 276字 ⁄ 字号 评论关闭

块状元素中的文字,一般情况下不会居中,若我们想将其居中,可以使用下面的方式。

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

基本的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中将会居中显示。

抱歉!评论已关闭.