如何div
在不计算同一列中的其他元素的情况下将文本居中div
?
td {
border: 1px solid black;
width: 150px;
text-align: center;
}
button {
float: right;
}
<table>
<tr>
<td>text1</td>
</tr>
<td>text2<button>ok</button></td>
<tr>
<td>text3</td>
</tr>
</table>
您将不得不position:absolute;
在按钮上使用它,以便它可以被忽略并允许文本居中。
td {
border: 1px solid black;
width: 150px;
text-align: center;
position: relative;
}
.okButton {
position: absolute;
right: 0;
top: 0;
}
<table>
<tr>
<td>text1</td>
</tr>
<td>text2<button class="okButton">ok</button></td>
<tr>
<td>text3</td>
</tr>
</table>
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句