Question

这是我的HTML：

<div class="targetdiv">My Text that come out of div</div>
<style>
  .targetdiv{
     width: 24%;
     border: 1px solid red;
  }
</style>

通过上述设计，我的文字来自div。但是，如果我更改width并使用像素而不是百分比，那么每件事情都可以：

<style>
  .targetdiv{
     width: 190px;
     border: 1px solid red;
  }
</style>

那我如何才能在width中使用百分比，而我的文字仍保留在div中？有什么建议吗？

Answer 1

您可以使用此课程：

<style>
.targetdiv {
       width: 190px;
       border: 1px solid red;
       white-space: pre-wrap;      /* CSS3 */   
       white-space: -moz-pre-wrap; /* Firefox */    
       white-space: -pre-wrap;     /* Opera <7 */   
       white-space: -o-pre-wrap;   /* Opera 7 */    
       word-wrap: break-word;      /* IE */
    }
</style>

原始答案由 Aaron Bennett发布：Is there a way to word-wrap long words in a div?

这是一个工作小提琴：

http://jsfiddle.net/LRpve/

当div的宽度按百分比设置时，文本来自div

1 个答案: