最初にコードを貼り付けてください
<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <style> .aa { border-collapse: collapse; table-layout:fixed;} .aa td { border: 1px solid #ccc; word-break:break-all; } </style></head><body> <table class="aa"> <tr> <td width="80">d</td> <td width="80">df</td> <td width="80">b</td> <td width="70">bv</td> </tr> <tr> <td>ffffffffffffffffffffffffffffffffffff</td> <td>a</td> <td>a</td> <td>a</td> </tr> </table></body></html>
上の図にあるように、なぜこのフォーラムに誰もいないのですか
最初に width= を追加します2行目の列「80」
2行目1列目にwidth="80"を追加します
2 行目と 1 列目に width="80" を追加します。
.aa tr td:first-child{ width: 80px; }
しかし、幅は固定されていません。これらはすべて、ページがロードされるときに jq ループから私によって追加されます。他の解決策はありますか?今 table tr td:nth-child(n)')、幅を 1 つずつ追加します
幅も動的です。動的 css のみ可能です
$('table tr td:nth- through jq しか書けません。 now child(n)') メソッドで、幅を 1 つずつ追加します
これで、jq
を通して $('table tr td:nth-child(n)') を書くことによって幅を 1 つずつ追加することしかできませんでも、この方法で元の投稿者の問題は解決するはずです
お願いします。まず返信してください。試してみます
ただし、これは全幅を制限することで可能になります。写真に示すように、
これで、jq
を介して $('table tr td:nth-child(n)') を記述することによって幅を 1 つずつ追加することしかできません