当たり前のことを出来るようにしておこう。
レイアウト崩れてしまいました。このページのなんかが、影響しているみたいです。
タグを含んだ部分数行消滅。</div>が残ったのが影響したみたい。？？？？
崩れは、直りました。
htmlを使ってドキュメントを作ろうとすると、マークアップの方法や、スタイルの指定、スクリプトや、webサーバの設定まで、いろんな知識が必要になる。
結構「詳しい。」と評判の人も、「何でも知っている。」お姉さんも、教えてくれないこともある。
ああ、こんなに簡単なことを知りたいだけなのに、、、
「テーブルなんかに、英数を連続して入力すると、枠が崩れたり、文字が枠外に出てしまうんですけどどうすれば良いですか？」と聞いたら、
「そんなのは、htmlでは無理だ。」といわれた。あいつ俺のことが嫌いなんだろうか？
コードは、以下のように
<table border="1"><tr><td width="30">
１２３４５６７８９０</td>
</tr>
</table>
こんな感じで、一文字ごとにサンドイッチのように。
１​２​３​４​５​６​７​８​９​０​
１２３４５６７８９０ |
1234567890 |
​
１２３４５６７８９０ |
1234567890 |
<wbr>
このタグは、hatenaでは、タグとして認められていない。ので、こんな風になっていますが、ゆるして。
１ |
1 |
​
１２３４５６７８９０ |
1234567890 |
ブラウザを変えて、見てみよう。
IEでは、うまく収まっても、FFでは収まらなかったり、、、。
OPERAは、俺は、おペ(め)ーらとは違うんだよ！と毒ずく。かも、
備忘
このような考え方も必要かもしれない。
<script>
<!--
function wordbreak (str,w){
temp=str;
str="";
while (temp.length > w){
str += temp.substring(0,w) + "<br>";
temp = temp.substring(w+1,temp.length);
}
str += temp;
document.write(str.fixed());
}
//-->
</script>
</head>
<body>
<table border="1">
<tr>
<td><script >
wordbreak("1234567890",3)
</script></td>
</tr>
</table>
CSS
<style>
.wordBreak:after {content:" "}
</style>
</head>
<body>
<h3>css</h3>
<table border="1"><tr><td width="30">
１</span><span class="wordBreak">２</span><span class="wordBreak">３</span><span class="wordBreak">４</span><span class="wordBreak">５</span><span class="wordBreak">６</span><span class="wordBreak">７</span><span class="wordBreak">８</span><span class="wordBreak">９</span><span class="wordBreak">０</span><span class="wordBreak"></td>
</tr>
</table>
