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