アプリ版:「スタンプのみでお礼する」機能のリリースについて

htmlのソース中に長いURLが入っているとCSSでのページ幅指定が無視され、画面が横スクロールしてしまう。これを解決する方法、どなたかご存じないですか?

おそらく長いURLはひとつの単語として解釈され、ブラウザがどこで改行したらいいのか、判断がつかないと思うのですが、何とかならないでしょうか?

HTMLは↓こんな感じ:
<html>
...
<td>URL:http://...長~い半角英数字...</td>
...

A 回答 (1件)

 table-layoutを記述すれば、枠幅を固定することが出来ますが。

例↓
<html>
<head>
<style type="text/css">
<!--
table { table-layout: fixed; width: 300px; }
-->
</style>
</head>
<body>
<table border=1>
<tr>
<td>
URL:ttp://aaaa.bbbb.cccc.dddd.eeee.fffff.ddddd.eeee.ffff.gggg.hhhh.html
</td>
<td>
<a href="http://oshiete1.goo.ne.jp/qa3481129.html">http:/ …
goo.ne.jp/
qa3481129.html</a>
</td>

</tr>
</table>
</body>
</html>

参考URL:http://www.tohoho-web.com/css/reference.htm#tabl …
    • good
    • 1
この回答へのお礼

返事が大変遅くなりすみません。おかげでできました。

table-layout以外にword-breakもよさそうでしたが、IEしか有効ではなかったため、最終的にtable-layout: fixedを使うことにしました。

本当にありがとうございました。

お礼日時:2007/11/10 21:09

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!