Html 在同一行中显示div标记

Html 在同一行中显示div标记,html,css,Html,Css,我想在同一行中显示div标记。现在空div出现在同一行中。我在php while循环中有内容,所以在显示中有变化。 客户机框略低于工资单部门 。支付{ 宽度:35%; 高度:450px; 边框:1px纯黑; 显示:内联块; 左缘:2%; } .内部{ 位置:相对位置; 高度:23px; 背景:#C0C0; 文本对齐:居中; 字体大小:13px; 颜色:#fff; 填充:10px; } 工资单文件 你好 你好 你好 客户文件 你好 而不是使用显示:内联块我添加了float:left以获得所需的

我想在同一行中显示div标记。现在空div出现在同一行中。我在php while循环中有内容,所以在显示中有变化。 客户机框略低于工资单部门

。支付{
宽度:35%;
高度:450px;
边框:1px纯黑;
显示:内联块;
左缘:2%;
}
.内部{
位置:相对位置;
高度:23px;
背景:#C0C0;
文本对齐:居中;
字体大小:13px;
颜色:#fff;
填充:10px;
}

工资单文件
你好
你好
你好
客户文件 你好
而不是使用
显示:内联块我添加了
float:left
以获得所需的结果

另外,在div的末尾添加
,以清除
浮动

更新小提琴

。支付{
宽度:35%;
高度:450px;
边框:1px纯黑;
浮动:左;
左缘:2%;
}
.内部{
位置:相对位置;
高度:23px;
背景:#C0C0;
文本对齐:居中;
字体大小:13px;
颜色:#fff;
填充:10px;
}

工资单文件
你好
你好
你好
客户文件 你好
而不是使用
显示:内联块我添加了
float:left
以获得所需的结果

另外,在div的末尾添加
,以清除
浮动

更新小提琴

。支付{
宽度:35%;
高度:450px;
边框:1px纯黑;
浮动:左;
左缘:2%;
}
.内部{
位置:相对位置;
高度:23px;
背景:#C0C0;
文本对齐:居中;
字体大小:13px;
颜色:#fff;
填充:10px;
}

工资单文件
你好
你好
你好
客户文件 你好
而不是使用
显示:内联块我添加了
float:left
以获得所需的结果

另外,在div的末尾添加
,以清除
浮动

更新小提琴

。支付{
宽度:35%;
高度:450px;
边框:1px纯黑;
浮动:左;
左缘:2%;
}
.内部{
位置:相对位置;
高度:23px;
背景:#C0C0;
文本对齐:居中;
字体大小:13px;
颜色:#fff;
填充:10px;
}

工资单文件
你好
你好
你好
客户文件 你好
而不是使用
显示:内联块我添加了
float:left
以获得所需的结果

另外,在div的末尾添加
,以清除
浮动

更新小提琴

。支付{
宽度:35%;
高度:450px;
边框:1px纯黑;
浮动:左;
左缘:2%;
}
.内部{
位置:相对位置;
高度:23px;
背景:#C0C0;
文本对齐:居中;
字体大小:13px;
颜色:#fff;
填充:10px;
}

工资单文件
你好
你好
你好
客户文件 你好
添加垂直对齐:顶部;在CSS“pay”类属性中

.pay{
  width:35%;
  height:450px;
  border: 1px solid black;
  display: inline-block;
  margin-left:2%;  
  vertical-align: top;
}

添加垂直对齐:顶部;在CSS“pay”类属性中

.pay{
  width:35%;
  height:450px;
  border: 1px solid black;
  display: inline-block;
  margin-left:2%;  
  vertical-align: top;
}

添加垂直对齐:顶部;在CSS“pay”类属性中

.pay{
  width:35%;
  height:450px;
  border: 1px solid black;
  display: inline-block;
  margin-left:2%;  
  vertical-align: top;
}

添加垂直对齐:顶部;在CSS“pay”类属性中

.pay{
  width:35%;
  height:450px;
  border: 1px solid black;
  display: inline-block;
  margin-left:2%;  
  vertical-align: top;
}

您需要在pay类中添加一个额外的css属性(float:left;)。 您的薪资等级现在如下所示

。支付{
宽度:35%;
高度:450px;
边框:1px纯黑;
显示:内联块;
左缘:2%;
浮动:左;

}
您需要在pay类中添加一个额外的css属性(float:left;)。 您的薪资等级现在如下所示

。支付{
宽度:35%;
高度:450px;
边框:1px纯黑;
显示:内联块;
左缘:2%;
浮动:左;

}
您需要在pay类中添加一个额外的css属性(float:left;)。 您的薪资等级现在如下所示

。支付{
宽度:35%;
高度:450px;
边框:1px纯黑;
显示:内联块;
左缘:2%;
浮动:左;

}
您需要在pay类中添加一个额外的css属性(float:left;)。 您的薪资等级现在如下所示

。支付{
宽度:35%;
高度:450px;
边框:1px纯黑;
显示:内联块;
左缘:2%;
浮动:左;
}
只需使用“垂直对齐:顶部”至“.pay”类。只需使用“垂直对齐:顶部”至“.pay”类。只需使用“垂直对齐:顶部”至“.pay”类。只需使用“垂直对齐:顶部”至“.pay”类。