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

图片描述

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

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

阅读 4k
5 个回答

两个方法,

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

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

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

为何不用table

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

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

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

那为什么不用float:right 属性

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

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题