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

html/css 两个div在同一行

WBOY
WBOYoriginal
2016-09-20 03:30:022028parcourir

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

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

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

  /*外层div*/

   

第一个div

   

第二个div

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

  /*外层div*/

   

float:left;">第一个div

   

float:left;">第二个div

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

Déclaration:
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