如何让一个表格同一列所有行的内容中的某个元素全部垂直对齐? - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
korzing
V2EX    问与答

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

  •  
  •   korzing 2012-07-03 22:15:32 +08:00 3680 次点击
    这是一个创建于 4849 天前的主题,其中的信息可能已经有所发展或是发生改变。
    我知道很难懂。所以怎么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     Solana     2988 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 21ms UTC 00:19 PVG 08:19 LAX 17:19 JFK 20:19
    Do have faith in what you're doing.
    ubao snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86