td中div居中對齊

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