Comment utiliser le bloc de ligne et définir l'échange minimum width_Experience

Description formelle trouvée en ligne :
Contenu de référence
Cette valeur amène un élément à générer un modèle de boîte de bloc (block box) et se déroule lui-même comme un seul modèle de boîte en ligne (inline box), similaire à un élément remplacé. L'élément dont la valeur Display est inline-block forme un modèle de boîte de bloc en interne, et se forme lui-même comme un élément remplacé en ligne
PS : Malheureusement, IE ne le prend pas en charge, et FF ne le prend pas non plus en charge. HOHO~

Solution IE : Déclenchez la mise en page d'IE, de sorte que l'élément ait des caractéristiques de type bloc de ligne.

Solution FF : utilisez les attributs spécifiques à Moz : display::-moz-inline-box

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta name="keywords" content="PRcss,xhtml,html,css,js,book,个人主页,无聊,神经,懒惰"> <meta name="description" content="PRcss的个人主页,无聊的,神经的,懒惰的..."> <meta name="Author" content="PRcss,qq:50198763"> <meta name="Copyright" content="本页版权归PRcss所有。All Rights Reserved"> <title>Utilisation du line-block : réglage de la largeur minimale - www.jb51.net</title> <style type="text/css"><!-- .box { display:inline; zoom:1; min-width:400px; width:auto!important; width:400px; clear:right; border:1px solid #000; background:#ccc; } html:lang(zh-CN) .box { display:-moz-inline-box; } .box img { display:block; width:100px; height:300px; background:#c00; } --></style> <p class="box"> <img src="pr.jpg" alt="Comment utiliser le bloc de ligne et définir l'échange minimum width_Experience" > </p> <p>Test</p>
[Ctrl+A Tout sélectionner Remarque : Si vous devez introduire des J externes, vous devez actualiser pour exécuter ]

.box { display : inline ; zoom : 1 ; min-width : 400px ; width : auto ! important ; clear : right ; border : 1px solid #000 ; (zh-CN) .box { display:-moz-inline-box } /* moz-ff */