2017-02-22 26 views
-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 --> 

В CSS он также должен быть установлен в 580px:

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

Это 580px ... если вы выделите элемент в инструментах dev, а затем посмотрите в окне браузера, он должен нарисовать прямоугольник вокруг элемента и показать высоту/ширину. –

+0

Спасибо за ответ. Когда я выделил изображение, я вижу ширину. Но разве нет способа увидеть ширину контейнера? – Mimi

+0

А узнал. Наследовать от table.container. Спасибо – Mimi

ответ

1

В инструментов браузера/инспектор (по крайней мере, в Firefox) есть вкладка под названием «рассчитанная» (не уверена в точном английском термине, поскольку в моем случае это на другом языке). Это показывает вычисленную (то есть фактическую) ширину, со всем, что добавлено к ней: margin, border, padding, внутренняя ширина - хорошее представление модели box CSS.