td中div居中对齐

来源：互联网发布：js获取元素的父节点编辑：程序博客网时间：2024/05/16 11:16

<td align="center" width="151" style="margin:0;padding:0;width:auto;text-align:center;">          <div class="button"  ><div class="buttonContent"><button type="button"   onClick="selectAll('leftSel')">全选左边 </button></div></div></td>

td里面的div里面的样式任我怎么调都调不到居中样式，td中align，div里align样式，txt-align样式全改center，结果div中的内容还是没有居中。后来翻了翻button以前笔记，边找着button的css，结果发现了button的css中float竟然是left，还吧，看到笔记上也是会所float的样式优先级高于align优先级，所以不管怎么改，，都会覆盖align优先级。想要达到居中的效果只需修改div中float或者吧float屏蔽就行。为了不影响其他引用button样式，我在此div屏蔽了float样式

<td align="center" width="151" style="margin:0;padding:0;width:auto;text-align:center;">          <div class="button" style="float: none" ><div class="buttonContent" style="float: none;"><button type="button"   onClick="selectAll('leftSel')">全选左边 </button></div></div><td>

这样子就会用到td中的align样式了