css 是否在同一行上显示Div + span?

j91ykkif  于 2022-12-01  发布在  其他
关注(0)|答案(7)|浏览(320)

在同一行上显示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。

plupiseo

plupiseo1#

您需要添加display:inline;

ljo96ir5

ljo96ir52#

Div的默认“display”值是块级元素,如段落,覆盖整个“行”。
您需要将Div设置为'显示:inline'显示在span元素旁边。

ej83mcc0

ej83mcc03#

看看这个jsFiddle
你的css中缺少一个位置的浮点数。
希望这对你有帮助。

sulc1iza

sulc1iza4#

没有HTML很难回答这个问题。乍一看,我觉得你应该让它们都向左浮动。

5vf7fwbs

5vf7fwbs5#

我认为float:left在div上应该可以完成这项工作。

vulvrdjw

vulvrdjw6#

在 Package div中,您应该具有:

display: flex;
align-items: center;

并从这两个元素中删除display属性。

4dbbbstv

4dbbbstv7#

添加display: inline-block;你的第一个部门。

相关问题