Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <blockquote> <p>What's the benefits of structuring my site with divs and apply the display:table property ( display:tr, display:tr). </p> </blockquote> <p>None whatsoever in my opinion, except that you <a href="http://www.quirksmode.org/css/display.html" rel="noreferrer">take away compatibility with older browsers</a>. The idea that using DIVs with <code>display: table-*</code> is somehow better than <code>&lt;table&gt;</code>s is idiotic IMO, and the result of totally misguided hysteria against table elements. (Not attacking you @Nimo, just criticizing some people who have taken the "tables are evil" meme too far.)</p> <p>Tables are supposed to be used to represent tabular data, not to be misused for layouting. </p> <p>There are, however, certain abilities that tables have that are still very hard to simulate using pure CSS. You either need massive hacks and sometimes even JavaScript based workarounds to make those things work.</p> <p>You should design your layouts in a way that don't rely on those abilities. </p> <p>In some rare cases, you <em>do</em> need them. But then, it doesn't matter whether you use a proper <code>&lt;table&gt;&lt;tr&gt;</code> or a brain-dead <code>&lt;div style="display: table"&gt;&lt;div style="display: table-row"&gt;</code> (which one is more semantic and better readable by the way?)</p> <p>If you <em>need</em> <code>display: table-*</code> for your layout, you have one of those rare cases at hand, or you have painted yourself in a corner anyway. Either way, with a <code>&lt;table&gt;</code>, you at least get consistent browser support.</p>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. VO
      singulars
      1. This table or related slice is empty.
    2. VO
      singulars
      1. This table or related slice is empty.
    3. VO
      singulars
      1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload