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

you can do this by float:left; to the content and float:right: to the image and remove the position:absolute from #content p.aboutus-description

于 2012-11-17T16:29:22.277 に答える