添加 div 后，值进入新行

Question

在我添加div定义文本背景颜色后，'Ime'的整个值转到新行。为什么？像这样：
输入时间：
斯蒂芬

这是代码：

   <div class="rightmiddle">
<?php 
while ($row = mysql_fetch_array($query)){
    ?>
<div class="divmobilni">
<div class="floatright"><img src="images/nokia-lumia-720.jpg" height="66px" width="50px" /></div>
Ime:<div class="imepozadina"> <?php echo $row['Ime'];?></div>
Okrug: <?php echo $row['Okrug'];?>
<br />
Telefon: <?php echo $row['Telefon'];?>
</div>
<br />
<?php } ?>
</div>
</div>

CSS:

imepozadina{
background-color:red;
width:auto;

}

Answer 1

这是因为 <div> 默认显示为块元素，它占用 100% 的宽度而无需进一步设置样式。

您可以添加 display: inline 或 display: inline-block 以将 div 缩小到其内容宽度。

有关 CSS 中 display 的更多信息，请参阅 here。

Answer 2

如果你设置宽度属性为auto，浏览器会自动计算，并占据所有可用的space。这是 div 和 P. 的默认设置。了解设置 div 100% 宽度和自动查看此答案之间的区别 [difference between width auto and width 100 percent

添加 div 后，值进入新行

After adding div, value goes in new row

html

css

row