css文字分成几行，怎么让它们在同一行

来源：百度知道 编辑：UC知道 时间：2024/09/20 22:28:53
同上

用float:left可以实现，但最好用display:inline。代码如下：

<html>
<head>

<style>
.line{display:inline;}
</style>
</head>

<body>
<div class="line">文字-第1行</div>
<div class="line">文字-第2行</div>
<div class="line">文字-第3行</div>
<div class="line">文字-第4行</div>

</body>
</html>

如果你把文字都写在p标签里的话，你可以这样写样式就不会换行了；
p{
word-wrap:nowrap;
}

发源代码