【问题标题】:Stretching table cell text to both sides向两侧拉伸表格单元格文本
【发布时间】:2012-01-29 18:49:01
【问题描述】:

我有一个包含以下数据的 html 表格单元格:

<td>0/12 0%</td>

显示如下:

http://img202.imageshack.us/img202/6008/captureuhe.jpg

我想要做的是将 % 数字(带符号)移动到单元格的最左侧。

即: http://img441.imageshack.us/img441/1259/capture2ee.jpg

(不要介意数字)

我怎样才能做到这一点? 顺便说一句,整个表格都是css方向:rtl。

【问题讨论】:

  • 为什么不把它分成两个表格单元格呢​​?基本上就是这样。
  • 我试图避免它 :) 我可以将它放在另一个单元格中,然后向该单元格添加一个类以隐藏右侧的边框...
  • 图像不再可用,使问题不清楚。

标签: html alignment html-table cell


【解决方案1】:
<td><div class="right">0/12</div> <div class="left">0%</div></td>

CSS 文件:

.right{
position:relative;
margin:0;
padding:0;
float:right;
}
.left{
position:relative;
margin:0;
padding:0;
float:left;
}

【讨论】:

  • 太棒了!正是我想要的!
猜你喜欢
  • 2011-08-25
  • 1970-01-01
  • 2015-07-15
  • 2012-09-10
  • 1970-01-01
  • 2014-11-18
  • 1970-01-01
  • 2013-06-23
  • 2013-09-30
相关资源
最近更新 更多