css两端对齐(css3中两端对齐)

前端这点事 262 0

前言

有美女出没,哈哈

正在看美女呢,突然项目需求来了,要实现如下(扫兴归扫兴,活还得干啊):

实现

一开始想这不太简单了啊(又能很快看美女了哦),完了就开始入坑之旅。

假设文字都是p标签包裹如下:

css部分:

结果大跌眼镜:

这是什么鬼

后边看规范,发现这个text-align:justify对最后一行不起作用,哦原来是这样 ,后边发现有这个text-align:justify-all是对所有的起作用,满心欢喜,终于得以解决,结果:

老赖啊这是

后边发现,另一个属性text-align-last: justify;加上后

终于得以解决

大功告成,但是看浏览器兼容性,我的妈呀:

isafari不支持可不行啊

这一个对齐怎么全是坑呢,想看个美女这么难吗?各位童鞋你们都是怎么解决的呢?听听高见了!

标签: CSS