【问题标题】:Overlapping text重叠文本
【发布时间】:2012-11-17 16:17:07
【问题描述】:

我想知道如何让我的文本在浏览器中缩小时正确换行?我的意思是页面在正常缩放时看起来不错,但是当您按 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;
   }

图片:-

【问题讨论】:

  • 这个信息不够好,请提供更多
  • 请发布您的完整 HTML(包括图片)
  • 如果用户像这样放大/缩小,为什么要创建一个看起来完美的页面?这真的不被认为是标准行为......当你这样做时,很多页面可能会中断。
  • @NullPointer 我已经添加了图片,希望能帮助你理解。
  • @Mr.Flocker 不,我指的是 HTML 中的图像标签,而不是页面的快照。您发布的 HTML 只是一个未闭合的段落标签。我们还需要查看img 标签。

标签: css html text


【解决方案1】:

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

【讨论】:

  • 谢谢,但这并没有帮助 :( 正如我所说的,我可以在缩小时正常查看它,但每当我放大它时,它就会开始重叠。
猜你喜欢
  • 2021-07-30
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2014-12-26
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多