HTML CSS テキストエリアについて
解決したいこと
HTMLテキストエリアタグについて、
タブを縮めたときに、タブのサイズに合わせて「住所」のテキストエリア内の文字が折り返されるように設定しました。
しかし、全角の８に続く0が改行されてしまいます。（調べたところ半角文字と全角文字が混在するとこのようになることが判明）
この0を８の後に改行せず、後ろに続けて折り返すようにする方法はありますでしょうか。
該当するソースコード
<html>
<head>
<title>ユーザーデータ</title>
<link rel="stylesheet"href="style.css">
</head>
<body>
<table>
<tr>
<th nowrap>生年月</th>
<td><input type="text"size="2"value="01"></td>
<th nowrap>性別（女、男）</th>
<td<input type="text"size="2"value="男"></td><th nowrap>暗証番号（3桁）</th>
<td><input type="text"size="3"value="111"></td>
</tr>
<tr>
<th nowrap>住所</th>
<td colspan="5">
<textarea rows="3"cols="85">沖縄県芦場本町長白坂7-6-5４５６７８３０１２３４５６７８４０１２３４５６７８00000000000000000000000000000000000000000000000000000000000000</textarea>
</td>
</tr>
</table>
</body>
</html>
```css
table {
border: 3px double #666666;
border-collapse: collapse
}
table th,
table td {
border: 1px solid #999999;
}
table th {
background: #ffffff;
text-align: left;
font-size: 90%;
}
textarea {
width: 100%;
resize: none;
}
### 自分で試したこと
行ったこと
・tableタグにword-break: break-allを指定する。
→テーブル内の全てのtdタグが改行されてしまった。（あくまで改行したいのはテキストエリアのみ）
・tdタグにword-break: break-allを指定。
→反映されず。
・textareaタグにword-break: break-allを指定。
→反映されず。
・CSSにword-break: break-allを指定。
→反映されず。
0
