外贸led网站建设,seo公司彼亿营销,中企动力销售是做什么的,佛山搜索seo网络推广文章目录 前言一、怎么让多个div在一行显示 前言 DIV是层叠样式表中的定位技术#xff0c;全称DIVision#xff0c;即为划分。有时可以称其为图层。DIV在编程中又叫做整除#xff0c;即只得商的整数。 DIV元素是用来为HTML#xff08;标准通用标记语言下的一个应用#x… 文章目录 前言一、怎么让多个div在一行显示 前言 DIV是层叠样式表中的定位技术全称DIVision即为划分。有时可以称其为图层。DIV在编程中又叫做整除即只得商的整数。 DIV元素是用来为HTML标准通用标记语言下的一个应用文档内大块block-level的内容提供结构和背景的元素。 我们知道默认情况下每个div都是单独一行显示的那么怎么让多个div在一行显示呢 一、怎么让多个div在一行显示 div styledisplay:flex;font-weight:bold 图示/div div styledisplay:flex;font-weight:bold div stylefloat: left;margin-right: 38px;格口:/divdiv stylebackground:#7ea9dc;width:15px;height:15px;float: left;margin-right: 5px;margin-top: 4px;/divdiv stylefloat: left;margin-right: 15px;正常/divdiv stylebackground:gray;width:15px;height:15px;float: left;margin-right: 5px;margin-top: 4px;/divdiv stylefloat: left;margin-right: 15px;禁用/divdiv stylebackground:orange;width:15px;height:15px;float: left;margin-right: 5px;margin-top: 4px;/divdiv stylefloat: left;margin-right: 15px;集包/divdiv stylebackground:red;width:15px;height:15px;float: left;margin-right: 5px;margin-top: 4px;/divdiv stylefloat: left;margin-right: 15px;故障/divdiv stylebackground:yellow;width:15px;height:15px;float: left;margin-right: 5px;margin-top: 4px;/divdiv stylefloat: left;margin-right: 15px;装货量/div /div div styledisplay:flex;font-weight:bolddiv stylefloat: left;margin-right: 38px;小车:/divdiv stylebackground:#44FF8C;width:15px;height:15px;float: left;margin-right: 5px;margin-top: 4px;/divdiv stylefloat: left;margin-right: 15px;正常/divdiv stylebackground:red;width:15px;height:15px;float: left;margin-right: 5px;margin-top: 4px;/divdiv stylefloat: left;margin-right: 15px;故障/div /div div styledisplay:flex;font-weight:bolddiv stylefloat: left;margin-right: 20px;供件台 :/divdiv stylebackground:#44ff8c;width:15px;height:15px;float: left;margin-right: 5px;margin-top: 4px;/divdiv stylefloat: left;margin-right: 15px;运行/divdiv stylebackground:#b195d2;width:15px;height:15px;float: left;margin-right: 5px;margin-top: 4px;/divdiv stylefloat: left;margin-right: 15px;待机/divdiv stylebackground:red;width:15px;height:15px;float: left;margin-right: 5px;margin-top: 4px;/divdiv stylefloat: left;margin-right: 15px;故障/div/div div styledisplay:flex;font-weight:bolddiv stylefloat: left;margin-right: 10px;直线电机:/divdiv stylebackground:#44FF8C;width:15px;height:15px;float: left;margin-right: 5px;margin-top: 4px;/divdiv stylefloat: left;margin-right: 15px;正常/divdiv stylebackground:orange;width:15px;height:15px;float: left;margin-right: 5px;margin-top: 4px;/divdiv stylefloat: left;margin-right: 15px;告警/divdiv stylebackground:red;width:15px;height:15px;float: left;margin-right: 5px;margin-top: 4px;/divdiv stylefloat: left;margin-right: 15px;故障/div /div div styledisplay:flex;font-weight:bolddiv stylefloat: left;margin-right: 38px;紧停:/divdiv stylebackground:gold;width:15px;height:15px;float: left;margin-right: 5px;margin-top: 4px;/divdiv stylefloat: left;margin-right: 15px;正常/divdiv stylebackground:red;width:15px;height:15px;float: left;margin-right: 5px;margin-top: 4px;/divdiv stylefloat: left;margin-right: 15px;按下/div/div div styledisplay:flex;font-weight:bolddiv stylefloat: left;margin-right: 38px;电刷:/divdiv stylebackground:#44FF8C;width:15px;height:15px;float: left;margin-right: 5px;margin-top: 4px;/divdiv stylefloat: left;margin-right: 15px;正常/divdiv stylebackground:red;width:15px;height:15px;float: left;margin-right: 5px;margin-top: 4px;/divdiv stylefloat: left;margin-right: 15px;故障/div /div div styledisplay:flex;font-weight:bolddiv stylefloat: left;margin-right: 20px;灰度仪 :/divdiv stylebackground:#44FF8C;width:15px;height:15px;float: left;margin-right: 5px;margin-top: 4px;/divdiv stylefloat: left;margin-right: 15px;正常/divdiv stylebackground:red;width:15px;height:15px;float: left;margin-right: 5px;margin-top: 4px;/divdiv stylefloat: left;margin-right: 15px;故障/div /div显示结果