将文本换行到div中的新行

时间:2013-10-10 22:55:47

标签: html css

我有两个div,其中的文本经常会改变。当两个div内的内容变为容器div的两个宽时,我希望左div将文本换行到新行。

这是我想要的结果:
This is my desired result:

<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>

1 个答案:

答案 0 :(得分:3)

使用此word-wrap: break-word;

指定您希望文本包装类的所有div,然后使用word-wrap: break-word;

设置该类的样式