2

我想知道在浏览器中缩小时如何使我的文本正确换行?我的意思是页面在正常缩放时看起来不错,但是当您按 Ctrl +“+”缩小时,它会重叠在其右侧的图像上。我已经尝试了 white-space:nowrap 但它没有给我想要的结果。你们中的任何人都可以帮帮我吗?一段时间以来一直在尝试解决这个问题,也是为了帮助你们更好地理解我附上了它的外观图片。

HTML:-

 <p class="aboutus-description">
 Integer tristique consequat nulla, sed convallis urna dictum sit amet. Ut at ligula dolor, id cursus sem. Nullam sed dolor eu.
 Ut ante nunc, posuere ac varius sit amet, bibendum non est. Morbi in arcu in felis pharetra sodales vitae non.
 Sed dictum cursus leo, sit amet semper est commodo in. Etiam.

 Nunc elit sem, bibendum ac laoreet quis, accumsan sed neque. Integer lacus nisi, lobortis faucibus ornare non, cursus non augue. Suspendisse.
 Vivamus hendrerit laoreet mauris ut molestie. Nullam auctor nulla ac ligula viverra nec adipiscing tellus eleifend. Duis ligula enim, semper eget
 Vestibulum erat diam, cursus ut semper sit amet, feugiat a erat. Praesent vestibulum, quam ac.
 Maecenas non risus dictum neque sodales commodo sed quis massa. Morbi mollis, odio.

CSS:-

<style>
#content p.aboutus-description
   {
     font-family:Arial, Helvetica, sans-serif;
     font-size:10pt;
     color:#656565;
     position:absolute;
     left:80px;
     top:20px;
     width:747px;
     overflow-style:auto;
     white-space:nowrap;
     word-wrap:break-word;
   }

图片:-

在此处输入图像描述

4

1 回答 1

0

您可以通过float:left;对内容和float:right:图像执行此操作,并删除 position:absolute from#content p.aboutus-description

于 2012-11-17T16:29:22.277 回答