之后换行

是否有一种方法来防止与CSS的div后行换行？

比如我有

<div class="label">My Label:</div> <div class="text">My text</div>

并希望它显示如下：

我的标签：我的文字

谢谢你的帮助

更新：

在没有css解决scheme导致一个完全令人满意的解决scheme之后，我将使用<span>像一些build议的答案

display:inline;

要么

float:left;

要么

display:inline-block; – 可能不适用于所有浏览器。

在这里使用div的目的是什么？我build议span ，因为它是一个内联级元素，而一个div是一个块级元素。

请注意，上述每个选项的工作方式都不相同。

display:inline; 将把div变成等效的span 。它将不受margin-top ， margin-bottom ， padding-top ， padding-bottom ， height等的影响。

float:left; 保持div作为块级元素。它仍然占用空间，就像它是一个块，但宽度将适合内容（假设width:auto; ）。它可以要求clear:left; 对于某些效果。

display:inline-block; 是“两全其美”的select。 div被视为块元素。它响应块元素的所有margin ， padding和height规则。但是，为了放置在其他元素中，它被视为内联元素。

阅读此以获取更多信息。

 .label, .text {display: inline}

虽然如果你使用它，你也可以改变div的跨度。

默认情况下，DIV是一个BLOCK显示元素，意味着它独立存在。如果你添加CSS属性display：inline，它会以你想要的方式运行。但是也许你应该考虑一个SPAN呢？

div元素是块元素，所以在默认情况下，它们将使用完整的可用宽度。

一种方法是把它们变成内联元素：

 .label, .text { display: inline; }

这与使用span元素而不是div元素具有相同的效果。

另一种方法是浮动元素：

 .label, .text { float: left; }

这将改变元素的宽度是如何决定的，所以thwy将只与其内容一样宽。它也将使元素浮在一起，类似于图像如何stream动在一起。

你也可以考虑改变元素。 div元素用于文档分割，我通常使用label和span元素来构build这样的构造：

 <label>My Label:</label> <span>My text</span>

 <span class="label">My Label:</span> <span class="text">My text</span>

div是用来给网站的结构或包含很多文本或元素，但你似乎使用它们作为标签，你应该使用span，它会把两个文本自动放在eachother旁边，你将不需要wright它的CSS代码。

而即使其他人告诉你漂浮的元素，最好你只是改变标签。

 <div id="hassaan"> <div class="label">My Label:</div> <div class="text">My text</div> </div>

CSS：

 #hassaan{ margin:auto; width:960px;} #hassaan:nth-child(n){ clear:both;} .label, .text{ width:480px; float:left;}

尝试将clear:none css属性应用于标签。

 .label { clear:none; }

我不认为我见过这个版本：

 <div class="label">My Label:<span class="text">My text</span></div>

尝试浮动你的div在CSS中

 .label { float:left; width:200px; } .text { float:left; }

我有很多次成功获得div的没有换行符后面，通过玩弄float css属性和宽度css属性。
当然，在完成解决scheme之后，您必须在所有浏览器中进行testing，并且在每个浏览器中都必须重新调整窗口大小，以确保在任何情况下都能正常工作。

使用此代码进行正常的div display: inline;

如果你在表格display: inline-table;使用这个代码display: inline-table; 比表更好