1

tinymceでテーブルを伸ばすと、これが得られます

<table class="opbouw" style="width: 725px; height: 170px;" border="0" cellpadding="0" cellspacing="0">

ただし、印刷するにはすべてのテーブルの幅を 100% にする必要があるため、オーバーライドしたいと考えています。

印刷時にテーブルが 100% になるように上書きする方法を教えてもらえますか?

4

2 に答える 2

1

!importantその最後にルールを適用します。

CSS ファイル内:

table {
    width: 100% !important;
}
于 2009-07-29T01:04:20.977 に答える
1

あなたwidthは属性とインラインで設定されているので、styleそれをオーバーライドすることはできません。!Important でさえオーバーライドしない場合もあります。サイズ情報をクラスに移動できる場合は、印刷スタイル シートで幅を 100% にリセットできます。

クラスにサイズ情報を追加したくない場合はopbouw、たとえば 2 番目のクラスを作成し、次のnarrowTableように両方をテーブルに適用できます。

<table class="opbouw narrowTable" ...>

印刷スタイルシートで、サイズ プロパティをリセットできます。

<style type="text/css">
 @media print
 {
     TABLE, .narrowTable
     {
         width: 100%;
         margin: 0;
         padding: 0;
     }
  }

  @media screen
  {

     .opbouw
     {
     }

     .narrowTable
     {
         width: 725px;
         height: 150px;
         border: none;
     }

     /* all your normal screen styles */
  }
</style>

CSS セレクターの特異性 (複数のスタイルが同じ要素を指している場合に勝つ) の詳細については、Web で最もお気に入りの CSS 記事であるこちらを参照してください。

于 2009-07-29T01:14:12.507 に答える