Question

在同一行显示div和span时遇到问题..他们的风格是......

DIV

 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;

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;
width: 0px;

DIV，其中包含两个

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显示，然后是它下面的行上的跨度。

Answer 1

您需要添加display:inline;

Answer 2

Div的默认'display'值是一个块级元素，就像一个段落一样，覆盖了整个'line'。

您需要将Div设置为'display：inline'以显示在span元素旁边。

Answer 3

如果没有HTML，这很难回答。乍一看，我会说你应该把它们都漂浮在左边。

Answer 4

我认为浮动：离开div应该可以胜任。

Answer 5

查看此jsFiddle。

你错过了你的CSS中的浮动位置。

希望这有帮助。

在同一行显示Div + span？

5 个答案: