Html
    Css
    Js
 .search dd {
	float:left;
	overflow:hidden;
	text-align:center;
	width:4em;
	/*这个值是看最长能显示几个文字,如x,则为x em*/
}
.search dd a {
	display:block;
	text-decoration:none;
}
.w2 {
	letter-spacing:2em;
	/*如果需要y个字两端对齐,则为(x-y)/(y-1),这里是(4-2)/(2-1)=2em */
            margin-right:-2em;
	/*同上*/
}
.w3 {
	letter-spacing:0.5em;
	/*如果需要y个字两端对齐,则为(x-y)/(y-1),这里是(4-3)/(3-1)=0.5em */
            margin-right:-0.5em;
	/*同上*/
}

                        
↑上面代码改变,会自动显示代码结果 jQuery调用版本:1.11.3
 立即下载

CSS不同字数两端对齐

更新时间:2020-03-13 09:58:04

0