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不同字数两端对齐

样式设置:

.search dd {
    float:left;
    overflow:hidden;
    text-align:center;
    width:4em;
    /*这个值是看最长显示几个字符,如x,则为x em*/
}

.w2 表示2个字符

.w2 {
    /*一正一负*/
    letter-spacing:2em;
    /*y个字两端对齐,则为(x-y)/(y-1),这里是(4-2)/(2-1)=2em */
    margin-right:-2em;
    /*同上*/
}

.w3 以此类推

0