0

私はasp.net mvc 3アプリケーションに取り組んでいます。スタイルを設定したいテーブル列の印刷画面は次のとおりです。

表の列

キリル文字ですみません。セル内の各行は、次のコードで作成されます。

                @:<span class="TableColumn4">
                @field[i].QuestionText;
                @::
                @field[i].FieldValue;
                @:</span>

CSS は次のとおりです。

span.TableColumn4 {
    background: lightgrey;
    display: block;   
}

私が望むのは、ご覧のとおり、すべてがセルの中央にあり、セルの上部と下部に多くの空きスペースが残っていることです。文章をもう少し丁寧にしたい。padding-bottomCSSにいくつか追加しようとしましたが、うまくいきませんでした。

4

2 に答える 2

0

テキストの上下のスペースを小さくしようとしていますか? 何かがテーブル セルの高さを拡張しているようです。問題のセルの左または右に、その行の高さ全体を埋めているコンテンツがありますか? その行に高さが適用されている可能性があります。height:auto;行とセルに追加してみてください。

于 2013-05-13T14:00:47.830 に答える
0

おそらく CSS プロパティ " line-height " が役に立ちます。ただし、これはテーブル全体の 1 つのセルに対する非常に限定的な修正のようです。マークアップと CSS を新しいFiddleに追加できれば、より洗練されたソリューションを考え出すのに役立ちます。

また、テキストの上下の白を避けるために背景色をセル全体 (テキストの場所だけでなく) に塗りつぶしたい場合は、「背景色」CSS を「td」のクラスに適用する必要があります。 td 内のスパンではなく " タグ。

于 2013-05-13T14:00:59.350 に答える