css文本居中

来源：百度知道 编辑：UC知道 时间：2024/05/31 01:58:41
如何使文本居中
方 法
可使用text-align属性中的center值将文本或其他任一元素居中。

File: center.html (excerpt)

<p class="centered">Lorem ipsum dolor sit amet, consectetuer

adipiscing elit. Vivamus mollis. Etiam aliquet. Ut ultrices

justo ut arcu. Proin a purus. Fusce pharetra ultrices nibh. Nam

erat lectus, dapibus id, congue vel, cursus a, tellus. Sed

turpis ante, condimentum at, accumsan eget, pulvinar vitae,

nibh.</p>

File: center.css (excerpt)

.centered {

text-align: center;

}

执行结果如图2.20所示。

图2.20 使用text-align使文本居中
看不懂啊 谁教教我啊

.centered 是一个类名称;
text-align: center;表示文本水平居中对齐;是用来控制类的样式的
<p class="centered"> 表示在p标签上使用.centered这个类;
p为闭合标签所以需要加个</p>来表示结束

建议你看看CSS手册和教程
text-align 是用设置块级元素内文本的水平对齐方式的样式。
值有
left 把文本排列到左边。默认值：由浏览器决定。
right 把文本排列到右边。
center 把文本排列到中间。
justify