<分区>
html - 左对齐表格标题中的文本和图标
在这个 fiddle 中 http://jsfiddle.net/kralco626/t56xX/1/
请注意 <th> 中的方式我周围有一个边框，你可以看到一切都被推到了正确的位置。我想要它离开。
还要求图标和文本不换行。满足此要求，但在修复对齐时不能破坏。
有什么想法吗？
更新:
注意到我涂成红色的空间了吗？在我看来，图标和标签是右对齐的，而不是左对齐的。我如何将整个东西向左对齐？如果有空间，我希望它在右边。
我知道这在这张图片中看起来有点微不足道，但是当您添加数据并在我的情况下查看它时，标题右对齐而数据左对齐看起来很奇怪。
更新 2:为了避免进一步混淆，我想要左侧的图标。
更新 3:此处简化示例:http://jsfiddle.net/kralco626/Lz4QY/1/ 我如何在图标的每一侧获得 1px 的“空白”，而不是左侧有很多空间而右侧没有？
最佳答案
th {
padding-left:0;
padding-right:10px;
}
移除左侧的填充，并在每个 th 的右侧添加任意数量的填充(空格)。
关于html - 左对齐表格标题中的文本和图标，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/6439020/