简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Maison > interface Web > tutoriel HTML > le corps du texte

使用float属性的一些小技巧_html/css_WEB-ITnose

WBOY
Libérer： 2016-06-24 11:52:26
original
1272 Les gens l'ont consulté

html:<div class="leftdiv"><ul class="link">     <li></li>     <li></li>     <li></li>     <li></li>     <li></li>     <li></li>     <li></li>     <li></li></ul></div>css:.leftdiv{width:260px;}.link  li{    float: left;    margin-right: 4px;    margin-top: 4px;    width:118px;}
Copier après la connexion

原因：如果包含块太窄，无法容纳水平排列的浮动元素，那么其他浮动块向下移动，直到有空间的地方。

Étiquettes associées：
使用float属性的一些小技巧
source：php.cn
Article précédent：小米商城响应式学习_html/css_WEB-ITnose Article suivant：CSS特异性（CSS Specificity）的细节之CSS样式权重的计算与理解（CSS样式覆盖规则）_html/css_WEB-ITnose
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Derniers numéros
Qu'est-ce qui fait que les animations de texte CSS tremblent excessivement lors du chargement ? J'ai essayé toutes les astuces que j'ai pu trouver, mais l'animation est toujours très sac...
Depuis 2024-04-01 23:54:24
0
1
322
Meilleures pratiques pour l'utilisation des getters et/ou des propriétés calculées dans Vue.js J'adore vue.js et j'aime vraiment les propriétés calculées et VueXgetters. Mais j'ai attei...
Depuis 2024-04-01 18:22:49
0
1
431
Comment personnaliser l'attribut d'identifiant VSCode ? Je suis récemment passé d'Atom à VSCode, et même si j'ai réussi à personnaliser la plupart...
Depuis 2024-03-31 14:13:45
0
1
373
Les états de réaction ne sont pas mappés dans le bon ordre J'ai un projet Next.js utilisant Redux. Dans mon magasin, j'ai un ensemble d'états mis à j...
Depuis 2024-03-31 09:23:01
0
1
323
Rubriques connexes
Plus>
Recommandations populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois：Formation PHP en ligne sur le bien-être public，Aidez les apprenants PHP à grandir rapidement！