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不同字數兩端對齊

apex英雄最快下载 www.znvry.icu 樣式設置:

.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