<html>
<style type="text/css">
.table { display: table;}
.tablerow { display: table-row; border:1px solid black;}
.tablecell { display: table-cell; }
</style>
<div class="table">
<div class="tablerow">
<div class="tablecell">Hello</div>
<div class="tablecell">world</div>
</div>
<div class="tablerow">
<div class="tablecell">foo</div>
<div class="tablecell">bar</div>
</div>
</div>
</html>
Selon ma compréhension, une bordure noire devrait être tracée sur chacune des lignes que j'ai spécifiées via la classe tablerow.Mais la bordure n'apparaît pas.
Et je voulais changer la hauteur d'une ligne.Si je le spécifie avec 'px' - ça marche.Mais, si je le donne avec un% - ça ne marchera pas.J'ai essayé ce qui suit
.tablerow {
display: table-row;
border:1px solid black;
position: relative; //not affecting anything and the border disappears!!
//position: absolute; // if this is set,the rows overlaps and the border works
height: 40%; // works only if specified in px and not in %
}
Quelque chose ne va pas quelque part, mais je ne suis pas capable de comprendre où. S'il vous plaît aider!
