Troisième personne du singulier : cases Pluriel : cases Participe présent : boxe Passé : encadré Participe passé : encadré
英[laɪnz] 美[laɪnz]
n ligne; acteur de) lignes; ligne (nom pluriel de ligne); méthode
v. aligner (troisième personne du singulier de ligne);
Propriété des lignes de boîte CSS syntaxe
Fonction : Spécifie si la colonne doit être affichée sur une nouvelle ligne si elle dépasse l'espace dans la zone parent.
Syntaxe : box-lines : single|multiple;
Description : single Tous les éléments enfants seront placés dans des lignes ou des colonnes séparées. (Les éléments sans correspondance sont considérés comme un débordement). Multiple permet à la boîte de s'étendre sur plusieurs lignes pour accueillir tous ses éléments enfants.
Remarque : Par défaut, les cases horizontales disposent leurs enfants dans des rangées séparées, tandis que les cases verticales disposent leurs enfants dans des colonnes séparées.
Propriété des lignes de boîte CSS exemple
<!DOCTYPE html>
<html>
<head>
<style>
.container
{
width:300px;
border:1px dotted black;
/* Firefox */
display:-moz-box;
-moz-box-orient:horizontal;
-moz-box-lines:multiple;
/* Safari and Chrome */
display:-webkit-box;
-webkit-box-orient:horizontal;
-webkit-box-lines:multiple;
.box
{
width:100px;
/* Firefox */
-moz-box-flex: 1.0;
/* Safari and Chrome */
-webkit-box-flex: 1.0;
/* W3C */
box-flex: 1.0;
}
</style>
</head>
<body>
<div class="container">
<div class="box">11111111111</div>
<div class="box">22222222222</div>
<div class="box">33333333333</div>
<div class="box">44444444444</div>
</div>
<p><b>注释：</b>目前没有浏览器支持 box-lines 属性。</p>
</body>
</html>Exécuter l'instance »
Cliquez sur le bouton « Exécuter l'instance » pour afficher l'instance en ligne