找到容器宽度

-1

我和一位朋友在这里讨论，可以看到一个例子。容器的宽度是否在500px或580px？我们从横幅图片的两侧意味着内容，并且贯穿整个文本直到一条直线。找到容器宽度

我们查看了检查窗口，但是我们无法找到宽度应该在的位置。

该网站是在表格中制作的，因为该设置适用于电子邮件通讯。

其中宽度被设定的一个例子是在html：

<!-- Top Picture Start --> 
<table class="row background-color__blue"> 
    <tr> 
     <td class="center img-position" align="center"> 
      <center> 
       <table class="container"> 
        <tr> 
         <td class="wrapper last"> 
          <table class="twelve columns"> 
           <tr> 
            <td> 
             <a class="remove-banner-space" href="http://google.dk"><img width="580" height="300" src="http://d21vu35cjx7sd4.cloudfront.net/dims3/MMAH/crop/586x293%2B0%2B95/resize/580x290%5E/quality/90/?url=http%3A%2F%2Fs3.amazonaws.com%2Fassets.prod.vetstreet.com%2F4a%2Ff0%2Fc29d3f434ae6abd19f5433140124%2Fborder-collie-AP-XO4EXW-590sm52314.jpg" alt="Test" /></a> 
            </td> 
           </tr> 
          </table> 
         </td> 
        </tr> 
       </table> 
      </center> 
     </td> 
    </tr> 
</table> 
<!-- Top Picture End -->

在还应当设置为580px的CSS：

table.container { 
      background: #fefefe; 
      width: 580px; 
      margin: 0 auto; 
      Margin: 0 auto; 
      text-align: inherit; 
     }

来源

2017-02-22 Mimi

这是580px ...如果您突出显示开发工具中的元素，然后在浏览器窗口中查看，应该在元素周围绘制一个框并显示高度/宽度。 –

谢谢你的回答，当我fx突出显示图片时，我可以看到宽度。但是没有办法看到容器的宽度吗？ – Mimi

啊发现了。从table.container继承。谢谢 – Mimi

在浏览器工具/检查器（至少在Firefox中）有（其中包括）一个名为“计算”的选项卡（不确定关于确切的英语词，因为在我的情况下，它是在另一种语言）。这会向您显示计算出的（即实际）宽度，以及添加到其中的所有内容：边距，边框，填充，内部宽度 - CSS框模型的良好表示形式。

来源

2017-02-22 23:05:16 Johannes

找到容器宽度

回答

相关问题