显示:块,宽度:100%&中心对齐

时间:2012-12-12 12:46:13

标签: css tablelayout

我在电子邮件中有一个表格,显示何时(max-width :600px)

CSS:

table[class="advert-container show"] { display: block !important; }

两个表都有= 100%,但是带有“show”类的底部表似乎左对齐,

什么阻碍对我的桌子做什么? :(

这是我的JsFiddle:http://jsfiddle.net/QPhEp/1/

enter image description here

2 个答案:

答案 0 :(得分:0)

实际上display:block将元素显示为块级元素(如段落和标题)Reference

答案 1 :(得分:0)

您需要使用

table[class="advert-container show"] { display: table !important; }
td.ad {  margin:10px; float:left; }

而不是阻止。

我在这个新小提琴中有更多改进的风格。 http://jsfiddle.net/zJacq/1/

table[class="advert-container show"] { display: table; }
td.ad { padding:10px; }