幅が 350 ピクセルのスパンがあります。それよりも多くのテキストがある場合は、スパンの横にまっすぐ右に出ます。テキストを強制的に段落に折り返すにはどうすればよいですか? Webで見つけたさまざまなことを試しましたが、何も機能しないようです。
これは、IE 6 以降で機能する必要があります。Firefoxでも動くといいですね。
アップデート:
もう少し情報があります。ツールチップを実装しようとしています。これが私のコードです:
HTML
<td style="text-align:left;" nowrap="nowrap" class="t-last">
<a class="htooltip" href="#">
Notes<span style="top: 40px; left: 1167px; ">
<ul>
<li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas porttitor congue massa. Fusce posuere, magna sed pulvinar ultricies, purus lectus malesuada libero, sit amet commodo magna eros quis urna. Nunc viverra imperdiet enim. Fusce est. Vivamus a tellus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Proin pharetra nonummy pede. Mauris et orci.</li>
</ul>
</span>
</a>
</td>
CSS
.htooltip, .htooltip:visited, .tooltip:active
{
color: #0077AA;
text-decoration: none;
}
.htooltip:hover
{
color: #0099CC;
}
.htooltip span
{
display: inline-block;
/*-ms-word-wrap: normal;*/
word-wrap: break-word;
background-color: black;
color: #fff;
padding: 5px 10px 5px 40px;
position: absolute;
text-decoration: none;
visibility: hidden;
width: 350px;
z-index: 10;
}
.htooltip:hover span
{
position: absolute;
visibility: visible;
}