css文字居中代码怎么写( 二 ) _居中

2. 设置元素为文本或者图片等行内元素时，可以通过
text-align:center；实现。
3. 当设置的元素为块状元素时，text-align:center；就不起作用了，这时候分两种情况：
1）定宽块状元素
通过设置左右 margin 为 auto 即可实现。
margin:0 auto;
2）不定宽块状元素
方法一：
① 加入 table 标签；
② 设置 display:inline 方法，然后 text-align:center 实现。与第一种类似，显示类型设为行内元素；
优势：不用增加无语义标签
缺点：变成了行内元素，少了一些功能，例如长度。
③ 设置 position:absolute 和 left 50%，利用相对定位的方式，将元素左偏移50%;
4. 垂直居中
5. 父元素确定高度的单行文本
通过设置 line-height 与 height 相同的值即可完成。
line-height 与 font-size 的计算之差，在 CSS 中称为“行间距”，分为两半，分别加到一个文本内容的顶部和底部。
缺点：当文字内容的长度大于块的宽时，就有内容脱离了块。
6. 父元素高度确定的多行文本
1）使用 padding-top 和 padding-bottom 来居中。
利用父元素高度减去文本高度，所得的值平分到 top bottom，达到居中的目的。
2）使用插入 table （包括 tbody tr td）标签，同时设置 vertical-align:middle （在父元素设置此样式时，会对 inline-block）类型的子元素都有用。
3）在 chrome firefox IE8 以上的浏览器下可以设置块级元素的 display 为 table-cell （设置为表格单元显示），激活 vertical-align 属性，但 IE6 IE7 并不支持。
优点：不用加多余的无意义的标签
缺点：兼容性差，且修改了 display 的 block 变成了 table-cell，破坏了原有的块状元素的性质。
资料拓展：
层叠样式表（英文全称：Cascading Style Sheets）是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。
5.css文字居中#one{
text-align:center；//居中
font-size:12px；//字体大小为12像素
line-height:20px;
height:20px;
font-weight:bold；//加粗
width:200px;
margin:auto;
}
#two{
text-align:center；//居中
font-size:12px；//字体大小为12像素
line-height:20px;
height:20px;
font-weight:bold；//加粗
width:200px;
margin:auto;
}
【css文字居中代码怎么写】

文章插图