曲がらない！ URL を折り返させる CSS

折り返させる CSS

URL の途中で折り返したい場合は下記の CSS を使用します。

CSS

.longurl{word-break: break-all;}

HTML

<table>
 <th>URL</th>
 <td class="longurl">
 http://www.naritai-style.com/abut/orikaeshi.html
 </td>
</table>

もしくは、

.longurl{word-wrap: break-word;}

も利用が可能です。