css控制一段文字左右垂直对齐

洪七公

如何把一段文字左右垂直对齐呢，如同下方效果：

接下来跟我看下实操：

1. <p class="center">我是两端对齐文字端对齐文字我是两端对齐文字端对齐文字我是两端对齐文字端对齐文字我是两端对齐文字端对齐文字我是两端对齐文字端对齐文字我是两端对齐文字端对齐文字我是两端对齐文字端对齐文字我是两端对齐文字端对齐文字<span></span></p>

复制代码

准备了一段文字，定义一个css样式如下：

1. .center{
   
2.   text-align:justify;
   
3.   text-align-last: justify;
   
4. }
   
5. 
   
6. span{
   
7.   display:inline-block;
   
8.   width:100%;
   
9. }

复制代码

注意： 在安卓手机中仅使用 text-align-last: justify; 就可以控制文字在页面元素中左右对齐，但是在ios手机中不生效，需要使用 text-align:justify; ，使用时需要在里面加一个空标签 span，然后在设置以上css属性即可兼容ios手机中也生效。