Css 重叠文本

Css 重叠文本,css,html,text,Css,Html,Text,我想知道如何在浏览器中缩小文本时正确地进行换行?我的意思是,页面在正常缩放时看起来很好,但当按Ctrl+“+”进行缩小时,页面会重叠在页面右侧的图像上。我尝试过空白:nowrap,但它没有给我想要的结果。你们谁能帮帮我吗??为了帮助你们更好地理解,我已经附上了一张它看起来是什么样子的图片 HTML:- <p class="aboutus-description"> Integer tristique consequat nulla, sed convallis urna dict

我想知道如何在浏览器中缩小文本时正确地进行换行?我的意思是,页面在正常缩放时看起来很好,但当按Ctrl+“+”进行缩小时,页面会重叠在页面右侧的图像上。我尝试过空白: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.

整型三分音符与零分音符相同,但它的主旨却不同。但在利古拉多洛,我是库苏斯扫描电镜。无主无主。 但在这一点上,波苏尔·ac·瓦里乌斯坐在阿梅特,比本杜姆不在。莫比在阿库,在猫咪的法雷特拉sodales vitae non。 塞德·格言诅咒利奥,让艾米特·森佩尔坐进去。艾蒂安。 Nunc Elite sem、bibendum ac laoreet quis、accumsan sed neque。整数lacus nisi,lobortis faucibus ornare non,cursus non augue。Suspendisse。 亨德雷特·拉奥里特·莫里斯·穆尔斯蒂万岁。无主无主无主无主无主无主无主无主无主无主无主无主无主无主无主无主无主无主无主无主无主无主无主无主。杜伊斯·利古拉·埃尼姆,塞佩尔·埃吉特 前庭直径为,前庭直径为,前庭直径为,前庭直径为,前庭直径为,前庭直径为,前庭直径为。前庭前庭。 非宗教名言的宗教大师们把社会大众化了。莫比·莫利斯,奥迪奥。

CSS:-


#内容p.aboutus-description
{
字体系列:Arial、Helvetica、无衬线字体;
字号:10pt;
颜色:#6565;
位置:绝对位置;
左:80px;
顶部:20px;
宽度:747px;
溢出样式:自动;
空白:nowrap;
单词包装:打断单词;
}
图片:-


您可以通过
float:left到内容,浮动:右:
到图像
并删除位置:absolute from
#content p.aboutus-description

此信息不够好,请提供更多信息请发布完整的HTML(包括图像)如果用户这样放大/缩小,为什么要创建一个看起来完美的页面?这真的不是标准行为。。。当你这样做的时候,很多页面可能会中断。@我现在已经添加了图像,希望这能帮助你理解。@Mr.Flocker不,我是指HTML中的图像标记,而不是页面的快照。您发布的HTML只是一个未关闭的段落标记。我们还需要查看
img
标记。谢谢,但这没有帮助:(正如我说的,缩小时我可以正常查看,但每次缩放时,它都开始重叠。
<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;
   }