在 div 中换行文本

Question

在 div 中换行文本

htmlcss

4

我有两个

，它们内部的文本经常会变化。当两个

的内容过宽而无法容纳在容器

中时，我希望左侧的

将文本换行。

这是我的期望结果：

<html>
    <head>
         <style type="text/css">
             #header {
                position:relative;
                height: 100px;
                width:150PX;
              }

              #leftdiv {
                position: absolute;
                float:left;
                left:0px;
                bottom:0px;
                font-size: 10px; 
               }     

              #rightdiv {
                position:absolute;
                float:right;
                right:0px;
                bottom:0px;
                font-size: 10px; 
             }
          </style>
      </head>
      <body>
          <div id="header">
             <div id="leftdiv">Content in Left Div</div>
             <div id="rightdiv">Content in Right More</div>
          </div>
      </body>
</html>

- bradley4

1

元素需要绝对定位的特定原因吗？ - 3066d0

你似乎没有为那些 div 设置任何 width... 这应该是你的问题。 - Giovanni Silveira

我不想设置宽度，因为文本的宽度会改变。 - bradley4

1

使用绝对定位无法解决它。您将不得不找到另一种布局元素的方法。可能是 display: inline-block 或 table_cell？并在右侧元素上放置一个宽度，以确保左侧元素断开。 - Colandus

如果你能更详细地解释你想要做什么，我们可以提供帮助...你所解释的内容几乎没有意义 :) - Giovanni Silveira

显示剩余6条评论

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Andy897 · Accepted Answer

使用 word-wrap: break-word; 功能。

给需要换行的所有 div 元素分配一个类，并且使用 word-wrap: break-word; 样式来定义该类。