源码论坛,商业源码下载,尽在锦尚中国商业源码论坛

标题: css控制一段文字左右垂直对齐 [打印本页]

---

作者: 洪七公    时间: 2023-6-3 14:43
标题: 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手机中也生效。

---

欢迎光临 源码论坛,商业源码下载,尽在锦尚中国商业源码论坛 (https://bbs.52jscn.com/)

Powered by Discuz! X3.3