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

发布网友 发布时间：2022-04-24 01:28

我来回答

共10个回答

热心网友 时间：2022-04-06 12:04

三种方法

第一种,上下居中文字:
方法是使用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;}

热心网友 时间：2022-04-06 13:22

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

热心网友 时间：2022-04-06 14:56

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

热心网友 时间：2022-04-06 16:48

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

热心网友 时间：2022-04-06 18:56

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

热心网友 时间：2022-04-06 21:20

text-align="left"

热心网友 时间：2022-04-07 00:02

text-align:justify

热心网友 时间：2022-04-07 03:00

text-align:center

热心网友 时间：2022-04-07 06:14

text-align：center就可以了

热心网友 时间：2022-04-07 09:46