前军教程网

中小站长与DIV+CSS网页布局开发技术人员的首选CSS学习平台

扫兴的css两端对齐,这坑谁来填?速度啊!

前言

有美女出没,哈哈

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

实现

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

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

css部分:

结果大跌眼镜:

这是什么鬼

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

老赖啊这是

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

终于得以解决

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

isafari不支持可不行啊

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

发表评论:

控制面板
您好,欢迎到访网站!
  查看权限
网站分类
最新留言