让div中内容不换行的二种方法

eb4d525f   1. 对于内容不多,针对单一的少量应用,可以用<nobr></nobr>标签把需要不换行的内容括起来。

以下为引用的内容:

<html>

<head>

</head>

<body>

<div style="width:10px;"><nobr>不换行不换行不换行</nobr></div>

</body>

</html> 

2. 用white-space:nowrap

以下为引用的内容:

<html>

<head>

</head>

<body>

<div style="width:10px;WHITE-SPACE: nowrap;">不换行不换行不换行</div>

</body>

</html> 

也可以将其定义在class里

以下为引用的内容:

<html>

<head>

<style type="text/css">

.nobr{

white-space:nowrap;

width:10px;

}

</style>

</head>

<body>

<div class="nobr">不换行不换行不换行</div>

</body>

</html>

0

扫描到手机上阅读:

QR:  让div中内容不换行的二种方法