在表单元格中使用CSS右对齐
在表单元格中使用CSS右对齐
提问于 2009-12-15 18:22:55
我有像这样的老的经典代码
<td align="right">它的作用正如它所说的:它将单元格中的内容正确对齐。因此，如果我在此单元格中放置两个按钮，它们将出现在单元格的右侧位置。
但是后来我把它重构到CSS，但是没有正确对齐这种东西吗？我看到文本对齐，这是相同的吗？
回答 4
Stack Overflow用户
回答已采纳
发布于 2009-12-15 18:24:36
使用
text-align: right文本对齐CSS属性描述像文本这样的内联内容如何在其父块元素中对齐。text-align不控制块元素本身的对齐方式，只控制它们的内联内容。
看见
<td class='alnright'>text to be aligned to right</td>
<style>
.alnright { text-align: right; }
</style>Stack Overflow用户
发布于 2012-09-02 04:52:45
现在对我起作用的是：
CSS：
.right {
text-align: right;
margin-right: 1em;
}
.left {
text-align: left;
margin-left: 1em;
}HTML：
<table width="100%">
<tbody>
<tr>
<td class="left">
<input id="abort" type="submit" name="abort" value="Back">
<input id="save" type="submit" name="save" value="Save">
</td>
<td class="right">
<input id="delegate" type="submit" name="delegate" value="Delegate">
<input id="unassign" type="submit" name="unassign" value="Unassign">
<input id="complete" type="submit" name="complete" value="Complete">
</td>
</tr>
</tbody>
</table>请参阅以下小提琴：
http://jsfiddle.net/Joysn/3u3SD/
Stack Overflow用户
发布于 2017-07-22 09:49:17
别忘了CSS3的“第n个孩子”选择器。如果知道要右对齐文本的列的索引，只需指定
table tr td:nth-child(2) {
text-align: right;
}在大表的情况下，这可以为您节省大量额外的标记！
这是给你的小提琴..。https://jsfiddle.net/w16c2nad/
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/1906469
复制相关文章
相似问题
腾讯云开发者
