在最近工作中遇到一个问题,遇到三行不一样长的block文本,想要使他变成三行一样长两端对齐的布局,效果如图

然后我自己感觉很简单代码直接上

但是发现效果是

完全不是自己想要的。
后来查资料发现还需要在文本的后面加上一个span,span的css为span{display:inline-block;width:100%;}
代码如图

效果如图

代码很简单,效果就不一样了。
第一次写博客,不知道怎么写,说的不对的地方欢迎指导,谢谢!
在最近工作中遇到一个问题,遇到三行不一样长的block文本,想要使他变成三行一样长两端对齐的布局,效果如图
然后我自己感觉很简单代码直接上
但是发现效果是
完全不是自己想要的。
后来查资料发现还需要在文本的后面加上一个span,span的css为span{display:inline-block;width:100%;}
代码如图
效果如图
代码很简单,效果就不一样了。
第一次写博客,不知道怎么写,说的不对的地方欢迎指导,谢谢!
本文标题:css之基础-文本两端对齐
本文链接:https://www.haomeiwen.com/subject/vwsgzttx.html
网友评论