Question

我有以下代码

<html>
<head>
<style type="text/css">
.text
{
  width:10%;
  border:1px solid black;
}
</style>
</head>

<body>
<div class="text">1234567890123456789</div>
</body>
</html>

div内容显示在div之外，是否有任何方式，我可以将文本显示在div的下一行，我也不想显示滚动条。

4 个答案:

答案 0 :(得分：1)

答案 1 :(得分：0)

答案 2 :(得分：0)

答案 3 :(得分：0)

Answer 1

你需要以字符方式打破文本，而不是逐字逐句。它被渲染为一个非常长的词（就像它在书中所做的那样），所以即使没有空格，也要强制浏览器打破它：

word-wrap: break-word;

Answer 2

可以换行，只需将“空白”条件设置为正常。

请参阅：http://www.1keydata.com/css-tutorial/wrap.php

Answer 3

您可能会发现文本没有换行的原因是您的div内容中没有空格：尝试类似1234 6789 1234 6789并查看它是否包装。

Answer 4

是的，可以在每个字符后使用以下代码中断连续文本。

<WBR>   --This works for Mozilla and other browsers
&Shy;   --For IE you need to add

在您的示例中：1234567890123456789

后面的代码中的文字应如下所示：1234567890123456789

在渲染文本时，浏览器会隐藏此/标记。

使用这些标签的问题是：当您在浏览器上选择文本并将其复制到记事本时，您会发现每个字符之间都添加了一个“ - ”字符。

请检查它是否适合您。

是否可以在html中设置div宽度？

4 个答案: