找到容器寬度

-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

找到容器寬度

回答

相關問題