問題描述

左邊類似： 品牌啊 分類啊 下面的產(chǎn)品產(chǎn)品屬性啊. 都是動(dòng)態(tài)抓出來的， 現(xiàn)在的要求就是。他們要對(duì)齊， 讓后面的全部都在一條直線上， 由于是動(dòng)態(tài)的， 沒定寬，還有也不可能去填空格吧letter-spacing也不行.

大家是如何解決的這個(gè)問題的呢 ？

問題解答

兩個(gè)方法，

第1，設(shè)置容器定寬，左邊容器設(shè)置2行高度，垂直居中，如果太長就自動(dòng)折行。

第2，全部加載之后用腳本去找左邊最寬的一個(gè)，再來統(tǒng)一設(shè)置左邊的寬度。

話說……干嘛搞這么長，還是要有個(gè)限制嘛，然后設(shè)置定寬最簡(jiǎn)單了。

為何不用table

這種導(dǎo)航類的不適合折行吧，可以用table，然后給td設(shè)置左對(duì)齊，強(qiáng)制不換行。或者，紅色圖標(biāo)全部右浮動(dòng)，向右對(duì)齊。

不知道有沒有正確理解你的意思，是不是說：

右側(cè)的“全部”按鈕對(duì)齊，同時(shí)， 左側(cè)的文本靠右對(duì)齊？

那為什么不用float:right 屬性

此處需要table。左側(cè)td會(huì)自動(dòng)被撐開到最長的寬度。右側(cè)定款就好。