创建三列博主模板

Question

我正在尝试创建自己的博主模板。我想在三列上发帖。我试图在帖子组件上广告浮动，但它会产生错误。

我的博客与浮点数：https://words-deep-water.blogspot.fr/

代码在这里：https://words-deep-water.blogspot.fr/2017/03/version1.html

你能帮我吗？

Answer 1

最好尝试使用 3 列响应式博主模板。有许多免费的响应式模板可供博主用户使用。如果您添加了额外的样式代码，则可能会影响移动用户。

Answer 2

从您发布的链接中不太了解。但是，如果您希望将一行分成 3 个相等的列来显示帖子，您可能需要看看以下内容：

http://materializecss.com/grid.html。

 <style>
  .row {width : 100%}
  .col s4 {width : 33.33%}
 </style>
 <div class="row">
      <div class="col s4">This div takes 33.33% width of the outer div. POST 1</div>
      <div class="col s4">This div takes 33.33% width of the outer div. POST 2</div>
      <div class="col s4">This div takes 33.33% width of the outer div.POST 3</div>
 </div>

使用类似于上述代码的内容，您也许可以实现您的功能。代码解释：我们有一个带有类行的div，它给它的宽度为 100%。它里面的所有内部div将占用外部div的33.33%宽度，为我们提供了三个相同宽度的div。