1

ページのコンテンツを水平方向に表示できるように、列cssを適用しようとしています。しかし、私がパディングを設定したとき-体に直接。うまくいかなかった？なんで？また、最後に空白の列がある場合もあります

body{
height: 200px;
text-align: center;
-webkit-column-width: 608px;
-webkit-column-gap: 160px;
padding: 80px 80px 100px 80px;

}

@jimjimmy1995に返信するように更新

<html>
<style type="text/css">
.div{
height: 344px;
text-align: center;
-webkit-column-width: 608px;
-webkit-column-gap: 160px;
}   
body{
margin: 80px 80px 100px 80px;
}
</style>
</head>
<body>
<div class='div'>
<p> blablablabla. </p>
</div>
</body>
</html>
4

1 に答える 1

1

個人的には、ブロック要素ではなくインライン要素とテキストを含む要素を使用することを目的としているため、レイアウトにcolumnプロパティを使用しません。display:inline;またはを使用するなど、同様の効果を実現する方法はいくつかありますfloat:left。

あなたの質問に答えて、あなたは体に幅を指定する必要があるかもしれません。また、列の幅がかなり大きいため、行の2つの列に収まらない場合があることにも注意してください。あなたのスタイルの2列の合計幅は80px+608px+160px+608px+80px=1536px、ほとんどの人のモニターよりも大きいです。

問題が何であるかを正確に確認できるように、jsfiddleを作成することをお勧めします。

于 2013-01-31T01:47:44.610 に答える