htmlのソース中に長いURLが入っているとCSSでのページ幅指定が無視され、画面が横スクロールしてしまう。これを解決する方法、どなたかご存じないですか?
おそらく長いURLはひとつの単語として解釈され、ブラウザがどこで改行したらいいのか、判断がつかないと思うのですが、何とかならないでしょうか?
HTMLは↓こんな感じ:
<html>
...
<td>URL:http://...長~い半角英数字...</td>
...
No.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 …
返事が大変遅くなりすみません。おかげでできました。
table-layout以外にword-breakもよさそうでしたが、IEしか有効ではなかったため、最終的にtable-layout: fixedを使うことにしました。
本当にありがとうございました。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- SEO googleサーチコンソールで、重複URLが多数発生、その修正方法について 2 2023/06/23 16:15
- HTML・CSS スクロールすると追従する画像のコードを書いているのですが、追従する画像の大きさの調節が上手くいきませ 2 2022/04/18 12:52
- HTML・CSS 下にスクロールしても、追従するボタンのコードを書いたのですが、ボタンの中の画像が半分しか表示されない 1 2022/04/16 21:31
- HTML・CSS CSSでサイトの背景に画像を組み込みたいのですが反映されません 2 2022/11/22 16:21
- HTML・CSS テーブルタグのセルの幅の一部だけを指定 1 2023/03/12 12:02
- AJAX JavascriptからPHPへのAjax通信でnullが返ってくる 3 2022/08/03 22:00
- Visual Basic(VBA) Selenium.ChromeDriverの使い方について 7 2022/09/22 06:43
- JavaScript jQueryで同じクラス名のものを別物として扱いたい 1 2022/06/17 14:14
- Excel(エクセル) セルの値をグーグルで検索するエクセルVBAについて! 2 2022/08/01 21:41
- HTML・CSS (Javascript)印刷するファイルに応じて印刷プレビュー画面で用紙を自動的に切り替えたい!! 2 2022/04/11 12:04
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
テーブルとテーブルの間隔について
-
<th>タグを使っても太字にしな...
-
HTML5で、テーブル内tdタグの高...
-
CSSで特定のテーブルだけに...
-
table表を横に並べる際の間隔指定
-
cssで、1行2段のtableを記述す...
-
TABLEのセルの中の文字を行単位...
-
tableのcellpadding="0" cellsp...
-
スタイルの無効化
-
テーブルの高さを100%にしたけ...
-
テーブル内のセル間にスペース...
-
IE8などでCSSでテーブルを中央...
-
同じ幅指定のつもりなのに、ブ...
-
スタイルシートで左側だけ色を...
-
tableの位置がIEとその他ブラウ...
-
tableを縦に続けるとtable間の...
-
ラインを端から端まで画面いっ...
-
tableを画面中央に配置する方法
-
cssでテーブルで細い線
-
table 幅固定で、端までいった...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
TABLEのセルの中の文字を行単位...
-
テーブルとテーブルの間隔について
-
<th>タグを使っても太字にしな...
-
CSSで特定のテーブルだけに...
-
HTML5で、テーブル内tdタグの高...
-
HTML tableのセルにtextareaを...
-
テーブル内のセル間にスペース...
-
画面幅に合わせてテーブルのカ...
-
同じ幅指定のつもりなのに、ブ...
-
table表を横に並べる際の間隔指定
-
(HTML)Tableを任意の位置に置...
-
正規表現で「より前」と「より後」
-
CSS スタイルを子要素の子要素...
-
tableの位置がIEとその他ブラウ...
-
<fieldset>タグについて
-
<table>のclass指定が継承されない
-
html5のテーブル内でdivのタブ...
-
HTMLのテーブルをExcelにCopy&P...
-
テーブルデータを折り返して表...
-
tableのcellpadding="0" cellsp...
おすすめ情報