1

我正在尝试应用列 css，以便我可以水平显示页面中的内容。但是当我在 body 上设置 padding-right 时。我发现它不起作用？为什么？此外，有时，最后会有空白列

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;or float:left。

在回答您的问题时，您可能需要指定正文的宽度。另请注意，您的列宽相当大，因此可能不适合该行的两列：。您的样式中两列的总宽度80px+608px+160px+608px+80px=1536px比大多数人的显示器都要大。

我建议创建一个 jsfiddle，这样我们就可以确切地看到问题所在。

于 2013-01-31T01:47:44.610 回答