私はw3.cssを使用しています。色の背景を幅100％、
にしたいと考えていました。幅80％テキストは、私は、次の使用：W3.CSSコンテナを別のコンテナの中心に合わせる方法
<div class="w3-container w3-light-green">
<div class="w3-container w3-sand w3-center" style="width:80%">
test
</div>
</div>
問題は、私はW3-中心を用いているが、80％の幅を有する第二の容器は、ページの中央に配置されていないことです。 私は、w3-centerはテキストの中央部分だけを認識しますが、コンテナ自体は中央に配置されていないことに気付きました。
私は、これは動作するはずだと思う。..
<div class="w3-container w3-light-green">
<div class="w3-container w3-sand w3-center" style="width:80%;margin:auto;">
test
</div>
</div>
ありがとうございました –
..それを試してみて、私はこれにネイティブ解決策があるかもしれませんw3.cssについてあまり知らないが、あなたがそこにハック方法を好む場合は、次のとおりです。
<!DOCTYPE html>
<html>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="http://www.w3schools.com/lib/w3.css">
<body>
<div class="w3-container w3-light-green" style="text-align: center">
<div class="w3-container w3-sand w3-center" style="width:80%; display: inline-block;">
test
</div>
</div>
</body>
</html>
憎しみは嫌いです。答えを尊重するあなたが役に立たなかったら、なぜあなたがdownvoteの前に理由を説明してください –
あなたの助けをありがとう、それは私がここで多くを知っていないので、ここで私の非常に初めてのstackoverflowだが、私は誰もdownvote didn、それは私の問題と一緒に働いた。 –
私はあなたや誰も言及していませんでした。私はあなたの問題を解決してうれしいです。良い一日を過ごしてください。 –
W3.CSSはブロック要素をセンタリングのためのクラスを持っていません。それを行う唯一のクラスにも他の効果があります。
自分自身に左右の余白を設定する必要があります。
あなたのコードに何が間違っているかをお手伝いできるように、少なくともあなたからの作品を提供してもらえますか？ –
私の投稿を編集しました –
フィドルやスニペットコードを追加して助けてくれるようにしてください。 – Abhishek