段落排版--对齐(text-aliagn)

Posted Rinpe

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了段落排版--对齐(text-aliagn)相关的知识,希望对你有一定的参考价值。

想为块状元素中的文本、图片设置居中样式吗?可以使用text-align样式代码,如下代码可实现文本居中显示。(那么什么是块状元素呢?后面会讲到呢~)

h1{
    text-align:center;
}
<h1>了不起的盖茨比</h1>

同样可以设置居左:

h1{
    text-align:left;
}
<h1>了不起的盖茨比</h1>

还可以设置居右:

h1{
    text-align:right;
}
<h1>了不起的盖茨比</h1>

 

以上是关于段落排版--对齐(text-aliagn)的主要内容,如果未能解决你的问题,请参考以下文章

块状元素的text-align对齐属性

内敛元素和块状元素

第2章 排版样式

常见的块状元素与内联元素

HTML 排版标记

文本的排版