問題描述

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

大家是如何解決的這個問題的呢 ？

問題解答

兩個方法，

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

第2，全部加載之后用腳本去找左邊最寬的一個，再來統一設置左邊的寬度。

話說……干嘛搞這么長，還是要有個限制嘛，然后設置定寬最簡單了。

為何不用table

這種導航類的不適合折行吧，可以用table，然后給td設置左對齊，強制不換行。或者，紅色圖標全部右浮動，向右對齊。

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

右側的“全部”按鈕對齊，同時， 左側的文本靠右對齊？

那為什么不用float:right 屬性

此處需要table。左側td會自動被撐開到最長的寬度。右側定款就好。