text-align:justify两端对齐布局兼容ie
时间: 2024-06-18 15:02:45 浏览: 94
text-align:justify是一种常见的文本对齐方式,它会将文本段落两端对齐,让页面看起来更加整洁美观。但是,text-align:justify在IE浏览器中的兼容性不太好,具体原因是IE浏览器不支持text-justify属性。
为了兼容IE浏览器,我们可以使用一些hack技巧来实现text-align:justify布局。其中一个比较常见的方法是使用伪元素:before和:after来实现。具体实现方法如下:
```
p {
text-align: justify;
text-justify: distribute-all-lines; /* 兼容IE11及以下版本 */
}
p:before,
p:after {
content: "";
display: inline-block;
width: 100%;
height: 0;
}
```
在上面的代码中,我们给p元素设置了text-align:justify和text-justify:distribute-all-lines属性,然后通过:before和:after伪元素来实现两端对齐布局。
需要注意的是,这种hack技巧虽然能够在IE浏览器中兼容text-align:justify布局,但是会增加页面的代码量和复杂度,建议在实际应用中谨慎使用。
阅读全文