ページを固定テーブル(6ページ)でいっぱいにしたい。私は単純なCSSでそれらを作ったが、すべてのデバイスの中心にそれらを配置して、すべてのデバイスを担当するページにしたかった。私はそれが単なるCSSだと知っていますが、私はとても混乱しています。テーブルをセンタリングしてページを応答させる
P.私は自分の電話から発信したもので、自分のコードを共有できません。
ありがとうございます。あなたの要件ごとに
ページを固定テーブル(6ページ)でいっぱいにしたい。私は単純なCSSでそれらを作ったが、すべてのデバイスの中心にそれらを配置して、すべてのデバイスを担当するページにしたかった。私はそれが単なるCSSだと知っていますが、私はとても混乱しています。テーブルをセンタリングしてページを応答させる
P.私は自分の電話から発信したもので、自分のコードを共有できません。
ありがとうございます。あなたの要件ごとに
html, body, .container-table {
height: 100%;
}
.container-table {
display: table;
}
.vertical-center-row {
display: table-cell;
vertical-align: middle;
}
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>
<div class="container container-table">
<div class="row vertical-center-row">
<div class="text-center col-md-4 col-md-offset-4" style="background:red">
<table>
<tr>
<th>COL1</th>
<th>COL2</th>
</tr>
<tr>
<td>TD COL1</td>
<td>TD COL1</td>
</tr>
<table>
</div>
</div>
</div>
ブートストラップを使用することができ、ブートストラップのような応答性のCSSを使用する必要があります。また、特定のデバイス
@media screen and (min-width: 480px) {
table{
//your property;
}
}
こんにちは友人。お返事をありがとうございます。私はメディアのクエリについて知っていますが、問題はmqを使ってdivを小さくするのではなく、divを中心に調整することです。 –
ブートストラップのように使用しないと、CSSを手動で設計する必要があります。 –
私はブートストラップを試みます。私は以前は使わなかった。ありがとう。私はそれ以降にあなたを更新します。ありがとうございます –
ため@media画面を使用することができます。 –
あなたのコードを共有できない場合、あなたは答えを得ることができません。これを読んでください[MCVE] - それはあなたが直面している問題を再現するのに十分なコードで、あなたの正確なコードである必要はありません – Pete