3

クロームとサファリでは、リンクはwidth：500pxをリッスンしません。cssで。テキストはありますが、リンクはありません。

ここで印刷画面1を参照してください

ここで簡単な例を参照してください

何か案は？
感謝します。
ありがとう
エマ

私も本当に簡単なテストを試しました。コードを参照してください：

<html>
<head>
<style type="text/css">
#main {width:100px;}
</style>
</head>

<body>
<div id="main">Content for  id "main" Goes Here Content for  id "main" Goes Here Content for  id "main" Goes Here Content for  id "main" Goes Here <a href="http://www.thesun.co.uk/sol/homepage/showbiz/4672063/kristen-stewart-flashes-bra-award-bash-jim-jams.html">http://www.thesun.co.uk/sol/homepage/showbiz/4672063/kristen-stewart-flashes-bra-award-bash-jim-jams.html</a></div>
</body>
</html>
4

2 に答える 2

2

これは、リンクが通常1つの単語として表示されるためです（ハイフンが含まれている場合を除きます。そのため、リンクは最終的にファイル名で壊れます）。

divでスタイルを使用することもできますがword-wrap: break-word、すべてのブラウザーで機能するわけではありません。

于 2012-11-29T14:21:09.097 に答える
-1

このコードを試してください： DEMO

<html>
  <head>
    <style type="text/css">
      #main {width:100px;}
      #main p{word-wrap: break-word;}
      #main a{word-wrap: break-word;}
    </style>
   </head>

   <body>
     <div id="main"><p>Content for  id "main" Goes Here Content for  id "main" Goes Here Content for  id "main" Goes Here Content for  id "main" Goes Here <a href="http://www.thesun.co.uk/sol/homepage/showbiz/4672063/kristen-stewart-flashes-bra-award-bash-jim-jams.html">http://www.thesun.co.uk/sol/homepage/showbiz/4672063/kristen-stewart-flashes-bra-award-bash-jim-jams.html</a></p>
      </div>
   </body>
</html>​
于 2012-11-29T14:21:01.453 に答える