table { border:0 ; width:100% ; cellspacing: 0; cellpadding: 0; table-layout: fixed; display: table; overflow: hidden; } tr { display: table-row; } td { display: table-cell; overflow: hidden; }
中身が可変のtdにいろいろ設定を試しているのですが、どうしてもでこぼこになります。
いっそのことhiddenにしてしまおうかとしたのですがこれも効きません。
どうやらhtml4.01ではこれらの設定は効かないようでした。html4.01では解決できないのでしょうか。
よろしくお願いします。
"<table border=\"0\" cellpadding=\"0\" cellspaci g=\"0\" class=\"month\">\n<tr><th colspan=\"7\" class=\"month\"> 4 weeks</th></tr>\n<tr><th class=\"sun\">Sun</th><th class=\"mon\">M n</th><th class=\"tue\">Tue</th><th class=\"wed\">Wed</th><th class=\"thu\ ">Thu</th><th class=\"fri\">Fri</th><th class=\"sat\">Sat</th></tr>\n <tr> <td class=\"mon\"> 08 </td> <td class=\"tue\"> 09 </td> <td class=\"wed\ > 10 </td> <td class=\"thu\"> 11 \n title\ntitle\ntitle </td> <td class=\ fri\"> 12 </td> <td class=\"stu\"> 13 </td> <td class=\"sun\"> 14 \n titl \ntitle\ntitle </td> </tr>\n<tr> <td class=\"mon\"> 15 </td> <td class=\ "tue\"> 16 </td> <td class=\"wed\"> 17 </td> <td class=\"thu\"> 18 </td> < d class=\"fri\"> 19 </td> <td class=\"stu\"> 20 </td> <td class=\"sun\"> 1 </td> </tr>\n<tr> <td class=\"mon\"> 22 </td> <td class=\"tue\"> 23 </ d> <td class=\"wed\"> 24 </td> <td class=\"thu\"> 25 </td> <td class=\"fri \"> 26 </td> <td class=\"stu\"> 27 </td> <td class=\"sun\"> 28 </td> </tr> \n<tr> <td class=\"mon\"> 29 </td> <td class=\"tue\"> 30 </td> <td class=\ "wed\"> 31 \n title\ntitle\ntitle </td> <td class=\"thu\"> 01 </td> <td c ass=\"fri\"> 02 </td> <td class=\"stu\"> 03 </td> <td class=\"sun\"> 04 < td> </tr> </table>"
見にくいのですが生成されたコードと表示される画像です。
これの高さを大きいところにそろえたいです。
回答1件
あなたの回答
tips
プレビュー