korzing
V2EX  ›  问与答

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

  •  
  •   korzing · Jul 3, 2012 · 4026 views
    This topic created in 5074 days ago, the information mentioned may be changed or developed.
    我知道很难懂。所以怎么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 replies    1970-01-01 08:00:00 +08:00
    shinwood
        1
    shinwood  
       Jul 3, 2012
    首先请用等宽字体,这样每个数字的宽度是可以预测了;我感觉应当用Javascript来实现margin/padding 对齐,思路为:首先找到9所在的位置,然后结合这个数的位数算一个合理的左margin/padding 出来,达到曲线救国的目的。
    korzing
        2
    korzing  
    OP
       Jul 4, 2012
    @shinwood 谢谢。后来发现这样是可以的。就那么解决了。因为是题目,不会变化,所以没关系。
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   1099 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 26ms · UTC 18:11 · PVG 02:11 · LAX 11:11 · JFK 14:11
    ♥ Do have faith in what you're doing.