Home  >  Q&A  >  body text

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

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

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

PHPzPHPz2647 days ago645

reply all(5)I'll reply

  • PHP中文网

    PHP中文网2017-04-17 11:20:16

    两个方法,

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

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

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

    reply
    0
  • PHP中文网

    PHP中文网2017-04-17 11:20:16

    为何不用table

    reply
    0
  • PHPz

    PHPz2017-04-17 11:20:16

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

    reply
    0
  • 迷茫

    迷茫2017-04-17 11:20:16

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

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

    那为什么不用float:right 属性

    reply
    0
  • 黄舟

    黄舟2017-04-17 11:20:16

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

    reply
    0
  • Cancelreply