Question

我有一个问题。我尝试了风格＆＃39; table style =＆＃34; width：200px！important;＆＃34;＆＃39;作为内联但仍然以某种方式表是742像素它可能是什么原因，因为我们知道内联重要覆盖所有其他风格。在td我只打印1,2,3垃圾最小值，但仍然没有运气。

   <strong><span><?php echo $this->__($this->getHeader()) ?></span></strong>

    <?php $products = $this->getCollection(); ?>
    <?php if (0 < $products->getSize()) { ?>
        <table style="width:200px !important;">

            <tr>
                <?php 
                $i=0;
                foreach ($products as $p) { ?>
                    <td style="text-align:left;">                        
                        1                        
                    </td>
                <?php } ?>
            </tr>


        </table>
    <?php } ?>

Answer 1

!important会强制该属性的值为200px。

它不会强制表格符合该宽度。

默认table layout model为auto，无论您指定的width是什么，都会调整表格以适应其内容。

如果'table'或'inline-table'元素的'width：auto'，则使用的宽度是包含块宽度，CAPMIN和MIN的表中的较大者。

如果要将表格宽度锁定在其自然宽度以下，则需要切换到fixed布局模型。

内联！重要的css没有工作

1 个答案: