Lin*_*eed 6 html css google-chrome html-table right-align
我有一个在服务器端生成的右对齐单元格的表.单元格中的每一行都是可选的,因此它包含在服务器端的if-then语句中.
示例html显示3列,其中第一列在Google Chrome中有问题.第2列和第3列是正确的,但很奇怪,因为除了换行符和空格之外,html是相同的.
当我们查看Google Chrome中的第一列时,您会发现单元格中每条线的右边距不对齐100%.
这些问题在Firefox或IE中不存在,仅在Google Chrome中存在.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
</head>
<body>
<table border="0" cellpadding="0" cellspacing="0" style="border: 1px solid #000000;">
<tbody>
<tr>
<td style="text-align: right;border: 1px solid #000000;">
<span>Not Ok in Google Chrome</span>
<br /><span id="C1">500.000,00 €</span>
<br /><span id="C2">166.666,67 €</span>
<br /><span id="C3">489.545,90 €</span>
</td>
<td style="text-align: right;border: 1px solid #000000;">
<span>Ok in Google Chrome</span><br />
<span id="D1">500.000,00 €</span><br />
<span id="D2">166.666,67 €</span><br />
<span id="D3">489.545,90 €</span>
</td>
<td style="text-align: right;border: 1px solid #000000;">
<span>Ok in Google Chrome</span><br /><span id="D1">500.000,00 €</span><br /><span id="D2">166.666,67 €</span><br /><span id="D3">489.545,90 €</span>
</td>
</tr>
</tbody>
</table>
</body>
</html>
以不同方式生成html不是一种选择.
我如何在谷歌浏览器中完成这项工作,而不是通过更改HTML,但可能设置额外的样式或其他东西？
只需更改 HTML 即可。
它能有多难？为什么你不能改变它？
这无需更改 HTML 即可工作，但有点愚蠢：
td span {
display: block
}
td br {
display: none
}
您的原始代码： http://jsbin.com/ipaca5
我的修复： http://jsbin.com/ipaca5/2
| 归档时间： |
|
| 查看次数： |
4750 次 |
| 最近记录： |