我们在工作中有html需要制作,但有时候需要两个<div>在同一行显示,需要两个div在同一行,怎么弄那?下边就简单教大家两个div在同一行显示,希望可以帮到大家。
工具/原料
电脑Windows7
html软件4.1版本
方法/步骤
1、首先我们要打开html软件,我们在html开发工具上去新建一个html的页面,用于以后会多个div显示在同一行。
2、然后我们在html代码的页面上去创建两个div标志,我们在给这个两个div标志上边去添加class,比如class类。
3、在就创建<style>标志,再去设置class类,之后还需要我们去设置一下宽、高、浮动、边框以及box-sizing属性。
4、当我们设置好class类属性以后,我们就可以保存”html“的代码后在使用浏览器打开,打开后就可以看到两个div显示在同一行上。