首頁  >  文章  >  web前端  >  网页中如何让某两行文字精确的对齐(两侧对齐)?

网页中如何让某两行文字精确的对齐(两侧对齐)?

WBOY
WBOY原創
2016-06-07 08:44:394171瀏覽

如图所示
面积、设计师这两行上 ,
用 给他们添加距离,无法精确对齐
又尝试用letter-spacing样式,效果也不理想

请问对于这种问题,有什么好的解决方法吗?

回复内容:

业余爱好搞搞CSS,一个哥们告诉的方法

text-justify

text-align: justify;
-moz-text-align-last: justify;
-webkit-text-align-last: justify;

下图是 中英文 开启和关闭的效果(Chrome下)
网页中如何让某两行文字精确的对齐(两侧对齐)?
cntv主页上就用到这个了。

网页中如何让某两行文字精确的对齐(两侧对齐)?

发现终于能说“利益相关”了。。。
利益相关:从在央视网就职的哥们那里学到的。 要是我 我就用最笨的方法
一行一个p标签,然后左边的文字用span包住(给width啊),然后给text-align:right; 这样可以确保左边的字右对齐。然后就没然后了好像 已经达到需求所说的需求了
陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn