Maison > interface Web > tutoriel HTML > html/css 两个div在同一行

html/css 两个div在同一行

WBOY
Libérer: 2016-09-20 03:30:02
original
1961 Les gens l'ont consulté

在界面设计的时候,经常需要将两个div在同一行显示。

但是每次都会忘记怎么做,特此随笔,备忘。

如以下要将“第一个div”和“第二个div”显示在同一行:

  /*外层div*/

   

第一个div

   

第二个div

只需要对id2和id3增加css样式即可,如下所示:

  /*外层div*/

   

float:left;">第一个div

   

float:left;">第二个div

这样就可以了。很简单吧。

Étiquettes associées:
source:php.cn
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal