做哪个行业的网站好,培训网址大全,wordpress数据库文件在哪里,动画网站建设文章目录 前言一、怎么让多个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显示结果
