html怎么设置p标签内容每行对齐

亲可以用css设置段落的左对齐，比如：

<p style="text-align:left">

    这里是一行文字<br/>

    这里是另外的一行文字<br/>

    这些文字都会左对齐！

</p>

1、首先，我们先看看不加任何修改的时候的效果，新建a.html文件，并准备一张小标，如下。

2、使用浏览器打开a.html，可以看到默认情况，是图片置顶对齐，文字置底对齐，所以通常图片高，文字低，不能水平居中对齐。

3、再次编辑a.html，加入以下css代码：.hlong *{display:inline-blockvertical-align:middle}保存。

4、再次使用浏览器访问a.html页面。对比一下两种结果，标签中的文已经实现了居中对齐。

三种方法

第一种,上下居中文字:

方法是使用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}

---