Home >Web Front-end >H5 Tutorial >网页中如何让某两行文字精确的对齐(两侧对齐)?

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

WBOY
WBOYOriginal
2016-06-07 08:44:394220browse

如图所示
面积、设计师这两行上 ,
用 给他们添加距离,无法精确对齐
又尝试用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; 这样可以确保左边的字右对齐。然后就没然后了好像 已经达到需求所说的需求了
Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn