首页 > 如何实现英文单词两端对齐 css

如何实现英文单词两端对齐 css

图一

图二

图一代码:

<ul>
    <li><a href="">about</a></li>
    <li><a href="">diary</a></li>
    <li><a href="">tweet</a></li>
    <li><a href="">guest</a></li>
    <li><a href="">links</a></li>
    <li><a href="">words</a></li>
</ul>
ul {
	list-style: none;
	margin: 2em 0 0 0;
}

	ul li {
		padding-bottom: 0.25em;
	}

图二的话使用的字体是宋体,宋体本身好像就自带两端对齐如果字数一样的话,但是在不改变字体的情况下如何实现英文单词两端对齐?


一般是调整单调间的间距以达到一行文字两端对齐的时候使用text-align.
如果你是想要两个字母数量不一样的单词两端对齐只能手动使用letter-spacing调整了.

【热门文章】
【热门文章】