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

2012-07-03 22:15:32 +08:00
 korzing
我知道很难懂。所以怎么google都搜不来。
就是比如这是表格
asd 200,009
asda (200,009)
asdds 200,009(A)


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

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

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

求高人指点下,到底是怎么个逻辑。或者给我个研究方向也可以。有点摸不到头脑,不知道从哪里研究。
谢谢!
3359 次点击
所在节点    问与答
2 条回复
shinwood
2012-07-03 22:21:29 +08:00
首先请用等宽字体,这样每个数字的宽度是可以预测了;我感觉应当用Javascript来实现margin/padding 对齐,思路为:首先找到9所在的位置,然后结合这个数的位数算一个合理的左margin/padding 出来,达到曲线救国的目的。
korzing
2012-07-04 19:34:28 +08:00
@shinwood 谢谢。后来发现这样是可以的。就那么解决了。因为是题目,不会变化,所以没关系。

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/41314

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX