css - 文字排版问题，内容都是动态抓出来的，字数不一定。如何对齐啊

问题描述

左边类似： 品牌啊 分类啊 下面的产品产品属性啊. 都是动态抓出来的， 现在的要求就是。他们要对齐， 让后面的全部都在一条直线上， 由于是动态的， 没定宽，还有也不可能去填空格吧letter-spacing也不行.

大家是如何解决的这个问题的呢 ？

问题解答

两个方法，

第1，设置容器定宽，左边容器设置2行高度，垂直居中，如果太长就自动折行。

第2，全部加载之后用脚本去找左边最宽的一个，再来统一设置左边的宽度。

话说……干嘛搞这么长，还是要有个限制嘛，然后设置定宽最简单了。

为何不用table

这种导航类的不适合折行吧，可以用table，然后给td设置左对齐，强制不换行。或者，红色图标全部右浮动，向右对齐。

不知道有没有正确理解你的意思，是不是说：

右侧的“全部”按钮对齐，同时， 左侧的文本靠右对齐？

那为什么不用float:right 属性

此处需要table。左侧td会自动被撑开到最长的宽度。右侧定款就好。