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


图片描述

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

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

css3 HTML css

Sòrγy不屑 9 years, 3 months ago

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

战场原灰原哀 answered 9 years, 3 months ago

不知道有没有正确理解你的意思,是不是说:

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

那为什么不用float:right 属性

Suchman answered 9 years, 3 months ago

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

Sparta answered 9 years, 3 months ago

为何不用table

龙背上D卡米 answered 9 years, 3 months ago

两个方法,

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

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

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

甜蜜的死亡 answered 9 years, 3 months ago

Your Answer