5

おそらくjQueryを使用して、これをより効率的にするための最良の方法は何か疑問に思っています。私はie7に準拠していないソリューションで大丈夫です。必要に応じて、ie8のサポートがなくても大丈夫かもしれません。

<style type="text/css">
.cal {text-align:center}
.ral {text-align:right}
</style>
<table>
 <th>
  <td class="cal">center</td>
  <td>left</td>
  <td class="cal">center</td>
  <td>left</td>
  <td class="ral">right</td>
 </th>
 <tr>
  <td class="cal">center</td>
  <td>left</td>
  <td class="cal">center</td>
  <td>left</td>
  <td class="ral">right</td>
 </tr>
 <tr>
  <td class="cal">center</td>
  <td>left</td>
  <td class="cal">center</td>
  <td>left</td>
  <td class="ral">right</td>
 </tr>
</table>
4

4 に答える 4

5

jQueryを使用して各行の5番目のtdにクラスを追加し、テキストを右に揃えるようにクラスのスタイルを設定できます。

あるいは（そして私がそれを行う方法で）、n番目の子セレクターを使用しています。

tr td:nth-child(odd) {
    text-align: center;
}

tr td:nth-child(5) {
    text-align: right;
}

IE 8.0とは互換性がありませんが、JavaScriptベースのソリューションよりもはるかに単純です。

于 2012-04-18T00:54:12.413 に答える
3

これは機能しますか？

table td { text-align: center; }
table td:last-child { text-align: right; }

残念ながら、これはIE8ではサポートされていません。もう1つの方法は、JavaScriptを使用することです（この投稿にタグを付けているので、jQueryなど）。

$(function(){ $('table tr').each(function(){ $('td:last', this).css({textAlign: 'right'}); } )}

この質問は受け入れられているようですが、それはあなたが得ることができるのと同じくらい醜いハックです：cssでテーブルの最後のtdをスタイリングする

最後に、少しチートして最後の列のセルを<th>要素として使用し、次のコマンドで簡単にスタイルを設定できます。

table th { text-align: right; }

これは必ずしも意味的に正しいとは限りませんが、もう1つの迅速で簡単なオプションです。元の投稿の既存の<th>要素はタイプミスだと思います。

于 2012-04-18T00:53:56.970 に答える
2 
$('td:first-child').css('text-align', 'left');
$('td:nth-child(2)').css('text-align', 'center');
$('td:last-child').css('text-align', 'right');

他のフィルターについては、 http：//api.jquery.com/category/selectors/child-filter-selectors/を参照してください。

于 2012-07-26T18:39:45.580 に答える
-1 
<style>
td:first-child, td:first-child + td + td {
  text-align: center;
}
td:first-child + td + td + td + td {
  text-align: right;
}
</style>
<table>
<col align=center>
<col align=left>
<col align=center>
<col align=left>
<col align=right>

スタイルシートは、かなり新しいブラウザで機能します。のデフォルトであるため、配置を左に設定するルールを省略しましたがtd、他のスタイルシートが配置に影響を与える可能性がある場合は、そのようなルールを追加する必要があります。

タグはバックアップとして機能します。col仕様では機能しないはずのメソッドを使用しますが、実際には古いバージョンのIE（およびQuirksモードの場合は新しいバージョン）で機能します。

于 2012-04-18T06:26:06.047 に答える