V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX 提问指南
korzing
V2EX  ›  问与答

如何让一个表格同一列所有行的内容中的某个元素全部垂直对齐?

  •  
  •   korzing · 2012-07-03 22:15:32 +08:00 · 3158 次点击
    这是一个创建于 4286 天前的主题,其中的信息可能已经有所发展或是发生改变。
    我知道很难懂。所以怎么google都搜不来。
    就是比如这是表格
    asd 200,009
    asda (200,009)
    asdds 200,009(A)


    一般你要是建立一个这个表,第二列肯定是右对齐的。但是这里却需要所有的内容里的9要在同一条垂直线上。例如这样:

    200,009
    (200,009)
    200,009(A)

    我看到之前有代码用的是span加invisble之类的属性然后包个)在里面。但我用了之后加一个)可以让第一和第二行对齐。
    但如果照搬,加(A)到invisble的span里面却没不会对齐。

    求高人指点下,到底是怎么个逻辑。或者给我个研究方向也可以。有点摸不到头脑,不知道从哪里研究。
    谢谢!
    2 条回复    1970-01-01 08:00:00 +08:00
    shinwood
        1
    shinwood  
       2012-07-03 22:21:29 +08:00
    首先请用等宽字体,这样每个数字的宽度是可以预测了;我感觉应当用Javascript来实现margin/padding 对齐,思路为:首先找到9所在的位置,然后结合这个数的位数算一个合理的左margin/padding 出来,达到曲线救国的目的。
    korzing
        2
    korzing  
    OP
       2012-07-04 19:34:28 +08:00
    @shinwood 谢谢。后来发现这样是可以的。就那么解决了。因为是题目,不会变化,所以没关系。
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   2744 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 24ms · UTC 00:23 · PVG 08:23 · LAX 17:23 · JFK 20:23
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.