html COLONNES DE HAUTEUR EGALES

Posted

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了html COLONNES DE HAUTEUR EGALES相关的知识，希望对你有一定的参考价值。

<!DOCTYPE html>
<html>
<head>
<style>
.col-container {
    display: table;
    width: 100%;
}
.col {
    display: table-cell;
    padding: 16px;
}
</style>
</head>
<body>


<h2>Equal Height Columns</h2>
<p>Make the columns match the height of the tallest column.</p>

<div class="col-container">
  <div class="col" style="background:orange">
    <h2>Column 1</h2>
    <p>Hello World</p>
  </div>

  <div class="col" style="background:yellow">
    <h2>Column 2</h2>
    <p>Hello World!</p>
    <p>Hello World!</p>
    <p>Hello World!</p>
    <p>Hello World!</p>
  </div>

  <div class="col" style="background:orange">
    <h2>Column 3</h2>
    <p>Some other text..</p>
    <p>Some other text..</p>
  </div>
</div>

</body>
</html>

以上是关于html COLONNES DE HAUTEUR EGALES的主要内容，如果未能解决你的问题，请参考以下文章

text 两列deux colonnes lyx

powershell 评论解析器unfichierorganisé“en lignes”plutôtqu'en“colonnes”

html Formulario de seguimiento de pedido

html Usos creativos de la pseudo clase de css：target

python Exemplo de envio de email com conteudo html usando python

html Registro de eventoopáginaparaobtener conteo de registrados utilizando Google Analytics