2013-08-29 1 views
0

Вы можете видеть в этом примере: http://jsfiddle.net/noamway/AVwsP/Отображение пути: таблица не действует как обычный стол?

<div style="width: 100%; display: table; border: 1px solid black;"> 
     Hello 
    </div> 
    <table style="width: 100%; border: 1px solid black; border-spacing: 0;"> 
     <tr> 
      <td>Hello</td> 
     </tr> 
    </table> 

, что они такие же, но граница делают разные.

Любое решение?

Благодаря

+0

Я не уверен, что я получаю этот вопрос .. – intelis

ответ

-1

как об этом,

 <div style="border: 1px solid black;"> 
     Hello 
    </div> 
    <table cellspacing="0" cellpadding="0" width="100%" style="border: 1px solid black; border-spacing: 0;"> 
     <tr> 
      <td>Hello</td> 
     </tr> 
    </table> 

1

Добавить box-sizing:border-box в DIV так, что границы оказываются в поле, как проставление наружу.

FIDDLE

Смежные вопросы