このページの上部には、フェスティバルに関する概要情報を示す HTML テーブルがあります。テーブルの 1 行には、フェスティバルの Web サイトの URL が表示されます。ブラウザーが狭く (携帯電話など)、URL が長い場合、以下に示すようにテーブルが親からオーバーフローします。
理想的には、利用可能なスペースに表示するには長すぎる場合は、URL の表示部分を切り捨てたいので、これを達成するために次のように追加しました。
overflow: hidden;
関連する表のセルに移動しましたが、これは機能しませんでした。次に、ルールを使用してURLを2行で折り返すようにしました
word-wrap: break-word;
しかし、これもうまくいきませんでした。URL が長い場合、このテーブルが親のオーバーフローを防ぐにはどうすればよいですか?