HTML&CSS学习3——文字居中
2014-06-04 20:53
1001 查看
块状元素中的文字,一般情况下不会居中,若我们想将其居中,可以使用下面的方式。
即设置块状元素的行高和自身的高度一样,这样,文字在行中是居中的,自然在块里面也是居中的。
基本的css代码如下:
上面的代码将h1的行高,设置为了subtitle的高度,这样,h1在subtitle中将会居中显示。
即设置块状元素的行高和自身的高度一样,这样,文字在行中是居中的,自然在块里面也是居中的。
基本的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中将会居中显示。
相关文章推荐
- HTML&CSS——line-height设置成height使得文字居中
- 张孝祥javascript学习笔记1---HTML&CSS
- [Codecademy] HTML && CSS课程学习目录
- CSS学习笔记04-垂直居中-内容居中-单行.html
- HTML+CSS+jQuery 纵向导航 && 横向导航 && 消除IE6 BUG && 感悟怎样学习
- Html、Css-----当有文字和图片的时候,需要文字和图片居中,怎么实现?不想文字换行怎么设置
- 让HTML中的文本框<input type="text">中的文字垂直居中
- HTML&CSS学习2——布局
- CSS学习笔记05-垂直居中-内容居中-多行.html
- HTML&CSS学习5——CSS初始化
- HTML&CSS学习总结(一)
- HTML&CSS学习笔记
- HTML&CSS 学习网站收藏【转】
- HTML&CSS学习笔记
- html系统学习之六 <CSS所有的样式属性>
- HTML&CSS学习笔记
- html&css学习笔记
- HTML<css+div> 基础学习
- html css学习笔记-背景与文字
- 一步一步学习 JQuery (六) JQuery 的 html() & val() && CSS_DOM操作