文本移动当浏览器调整大小

我现在正在一个网站上工作，而且我遇到了与我的文本有关的问题。当我缩小时，文本开始堆叠，实际上离开了我的div。我有一个固定的宽度和高度的div，并且将其包裹在其他div中，并且不能为我的生活弄清楚这一点。只有文字移动，其他所有内容都保留。这看起来似乎有点喜欢这个文本移动当浏览器调整大小

期望：

这是我的方式文本
是
我想这是

实际：

这
是

文字

当我缩小文字往往堆积起来，并推出的股利。

.content { 
    width: 960px; 
    margin: 0 auto; 
    } 

    .contentleft{ 
    float: left; 
    width: 480px; 
    } 

    .contentright{ 
    float: right; 
    width: 480px; 
    } 

    .boxone { 
    float: left; 
    clear:both; 
    height: 211px; 
    width: 230px; 
    background-image:url(../images/rec1.png); 
    } 

    .textone { 
    width: 220px; 
    height: 200px; 
    overflow:hidden; 
    clear: both; 

    }

HTML

 <div class=content> 
      <div class=contentleft> 
       <div class=boxone> 

        <div class=textone> 
       <p> TEXT TEXT TEXT TEXT </p> 

        </div> 
        <div class=learnone> 
        </div> 
       </div> 

       <div class=boxtwo> 
       </div> 
      </div> 

      <div class=contentright> 
       <div class=boxthree> 
       </div> 
       <div class=boxfour> 
       </div> 
      </div> 
     </div>

我能做些什么，以移动停止的文字？

来源

2013-02-26 Peter Jewicz

请的jsfiddle它 – abbood 2013-02-26 06:20:44

http://jsfiddle.net/KkUAV/继承人问题的代码，虽然它并不炫耀我放大了的问题。 – 2013-02-26 06:46:16

这是浏览器的行为，可以放大页面中的所有项目，但作为开发人员，您可以指定像素中的字体大小。

font-size:12px;

来源

2013-02-26 06:21:23

尝试简单只是增加div的宽度。

例

.contentleft { 
    width: 800px; 
}

来源

2016-05-30 15:17:19

文本移动当浏览器调整大小

回答

相关问题