td中div居中对齐

最新推荐文章于 2020-09-17 17:27:38 发布

恋残o风

最新推荐文章于 2020-09-17 17:27:38 发布

阅读量8.9k

点赞数 1

分类专栏： html 文章标签： td div css 样式

本文链接：https://blog.csdn.net/fangy520/article/details/9265965

版权

html 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

<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样式了