Maison >interface Web >Tutoriel H5 >网页中如何让某两行文字精确的对齐(两侧对齐)?

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

WBOY
WBOYoriginal
2016-06-07 08:44:394220parcourir

如图所示
面积、设计师这两行上 ,
用 给他们添加距离,无法精确对齐
又尝试用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; 这样可以确保左边的字右对齐。然后就没然后了好像 已经达到需求所说的需求了
Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn