在同一行上显示div和span时遇到问题。它们的样式是..
部门
color: black;
display: inline;
font-family: arial, sans-serif;
font-size: 13px;
height: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
overflow-y: visible;
padding-top: 0px;
white-space: nowrap;
width: 0px;
跨度
color: black;
display: inline;
font-family: arial, sans-serif;
font-size: 13px;
height: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
overflow-y: visible;
padding-top: 0px;
width: 0px;
两个分区都包含在中
color: black;
display: block;
float: left;
font-family: arial, sans-serif;
font-size: 13px;
height: 20px;
margin-bottom: 0px;
margin-left: 8px;
margin-right: 0px;
margin-top: 0px;
overflow-y: visible;
padding-top: 1px;
width: 373px;
要使div和span显示在同一行上,需要做什么更改?当前显示div,然后在其下面的行上显示span。
7条答案
按热度按时间plupiseo1#
您需要添加
display:inline;
ljo96ir52#
Div的默认“display”值是块级元素,如段落,覆盖整个“行”。
您需要将Div设置为'显示:inline'显示在span元素旁边。
ej83mcc03#
看看这个jsFiddle。
你的css中缺少一个位置的浮点数。
希望这对你有帮助。
sulc1iza4#
没有HTML很难回答这个问题。乍一看,我觉得你应该让它们都向左浮动。
5vf7fwbs5#
我认为float:left在div上应该可以完成这项工作。
vulvrdjw6#
在 Package div中,您应该具有:
并从这两个元素中删除display属性。
4dbbbstv7#
添加
display: inline-block
;你的第一个部门。