怎么用CSS样式使文本居中对齐?

html-css012

怎么用CSS样式使文本居中对齐?,第1张

text-align: center水平居中

height:30pxline-height:30px垂直居中

vertical-align:middle垂直居中

td里面可以直接<td valign="middle" align="center"

层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化

CSS 能够对网页中元素位置的排版进行像素级精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的能力。

其实当时在互联网界已经有过一些统一样式表语言的建议了,但CSS是第一个含有“层叠”丰意的样式表语言。在CSS中,一个文件的样式可以从其他的样式表中继承。读者在有些地方可以使用他自己更喜欢的样式,在其他地方则继承或“层叠”作者的样式。这种层叠的方式使作者和读者都可以灵活地加入自己的设计,混合每个人的爱好。

哈坤于1994年在芝加哥的一次会议上第一次提出了CSS的建议,1995年的www网络会议上CSS又一次被提出,博斯演示了Argo浏览器支持CSS的例子,哈肯也展示了支持CSS的Arena浏览器。

两种方法。

一,设置两个div容器,将外面一个设置一下属性,text-align:center,再将里面一个设置以下属性margin:0 auto;这样可以兼容ie与ff的浏览器,不过缺点是所有内容由于设置了text-align:center所以将全部居中显示,可以额外设置属性解决,

二,设置一个div容器,为其设置一下属性:position:absolute;left:50%;margin-left:-你的容器宽度的一半,

记得最后一个属性设置你容器宽度的一半,并且为负数,这样将避开浏览器的兼容问题。

使用列表的时候,当给li加上浮动float的话,就会发现text-align:center无效了,这是因为这里的li是区块元素,使用text-align是无效的,给li加上宽高和背景颜色就可以看到效果了,这时ul要进行居中就只能用margin:0

auto才行。

如果实在不想使用margin这个居中的方法,可以把li的float去掉,使用display:inline可以把li变为内联元素,这时就可以使用text-align:center了。

你可以尝试下,希望帮助到你,有疑问可向我追问,尽我所能为你解答。