1. 您的位置 首页 技术专栏

        css如何让三个div并排

        24小时课堂在线收录css如何让三个div并排,css让三个div并排的方法:1、给三个div元素设置“display:inpne;”或“display:inpne-block;”样式;2…感谢您关注css如何让三个div并排。

        css让三个div并排的方法:1、给三个div元素设置“display:inpne;”或“display:inpne-block;”样式;2、使用float属性,让三个div元素浮动起来,语法“float:left;”。

        本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。

        div是块状元素,默认是独占一行显示的:

        <div></div><div></div><div></div>

        css如何让三个div并排

        那么怎么让这三个div并排显示呢?有两种方法,下面给大家介绍一下:

        1、使用display属性

        将三个div全部设置成display:inpne;display:inpne-block;

        div{width: 100px;height: 20px;border: 1px sopd red;display:inpne-block;}

        注:当设置成display:inpne;时,div中需要有内容,不然无法将div撑开。

        2、使用float属性

        将三个div浮动起来

        div{width: 100px;height: 20px;border: 1px sopd red;float:left;}

        css如何让三个div并排

        以上就是css如何让三个div并排的详细内容,更多请关注24小时课堂在线其它相关文章!

        本文来自网络,不代表24小时课堂在线立场,转载请注明出处:http://www.rw-tm.com/97810.html

        为您推荐

        返回顶部
        欧美人牲交免费观看