这次给大家带来text-align如何实现两端对齐,text-align实现两端对齐的注意事项有哪些,下面就是实战案例,一起来看一下。
法一:text-align-last:justify;
html
css
.itemLabel{ display: inline-block; width: 60px; text-align-last:justify; }
由于text-align-last的兼容性问题:https://caniuse.com/#search=text-align-last,需要使用法二实现:
css
.item{ position: relative; } .itemContent{ position: absolute; left:70px; } .itemLabel{ display: inline-block; width: 60px; text-align: justify; } .itemLabel:after{ display: inline-block ; content: ''; width: 100%; }
相信看了本文案例你已经掌握了方法,更多精彩请关注php中文网其它相关文章!
推荐阅读:
위 내용은 text-align如何实现两端对齐의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!