Question

HTML代码里面的文字段落怎么设置水平对齐

Answer 1

三种方法

第一种,上下居中文字:
方法是使用line-height,因为line-height就是用来定义文字行与行之间的距离,所以定义文字框的line-height等于框的高度可以让文字上下居中.

h1 {  
   font-size: 3em;  
   height: 100px;  
   line-height: 100px;  
   }

第二种,非文字的上下居中:
使用absolute positioning，需要注意的是这个方法只能在框有定义好的高度才能工作. 不适合动态高度的框.

 .vert {
	width: 580px;
	height: 190px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -95px 0 0 -290px;
        }

第三种方法:

#floater	{float:left; height:50%; margin-bottom:-120px;}
#content	{clear:both; height:240px; position:relative;}

Answer 2

是块元素的话 用 css text-align：center 不是块元素的 转换成块元素 display：block 再用 text-align：center

追问

就类似这样的，应该怎么写

追答

在css 里面设置 h2, p : text-align:center;

追问

是两端对齐的写法吗

追答

这是居中对齐 不是两端对齐

追问

哦，我想设置居中对齐，是不是就要在P标签后面加text-align:justify

Answer 3

先做一个外面的div，div设置好margin和padding参数，里面再包含几个div，里面的div放段落文字，可以在css文件里建一个class，里面所有div用同一个class，class设置好大小，margin和padding，行高。

Answer 4

HTML设置段落文字的对齐方式
<p>段落默认对齐方式：左对齐方式。</p>
<p align="left">段落左对齐方式。使用左对齐方式时都使用默认对齐方式。</p>
<p align="center">段落居中对齐方式。</p>
<p align="right">段落右对齐方式。</p>

Answer 5

设置文字水平居中，直接使用CSS 的 text-align:center;就可以了
一般如果文字写在行内元素标签中，则文字依据行内元素的父元素的宽度来居中
如果文字写在块级元素内，则根据当前元素的宽度来水平居中
例如
<div style="width:200px;text-align:center;">
文字水平居中
</div>
段落两端对齐
<div style="width:200px;text-align:justify;">
文字水平居中文字水平居中文字水平居中文字水平居中文字水平居中文字水平居中文字水平居中文字水平居中文字水平居中文字水平居中文字水平居中文字水平居中文字水平居中文字水平居中
</div>