html - 如何解决此 wordpress 主题中帖子的对齐问题
问题描述
我在这个网站上使用了 w3school 的 w3css,并且我使用了 w3-col l6 m6 s12 来显示帖子。它只是意味着它将在大屏幕上并排显示 2 个帖子,对于中侧显示也是如此,并且在小屏幕上只有一个覆盖所有 12 列。
但是帖子没有正确对齐。
我尝试将 height 属性添加为 auto 但它不起作用。
查看我在我的网站上上传的这个演示网站,以便您可以看到它的实际效果。
解决方案
请在style.css中添加以下代码
div.w3-row-padding {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
或在w3-row-padding中添加新类,如col_wrap并应用以下样式
.col_wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.col_wrap:after,
.col_wrap:before { display:none;}
推荐阅读
- chakra-ui - 如何使用 ChakraUI 中的任何按钮控制 NumberInput?
- r - 如何将零和一而不是单词替换为具有定量和定性数据的数据框
- php - 在字符串中查找多个金额并用
- javascript - axios isURLSameOrigin 未定义
- iis - 除非我覆盖文件,否则浏览器不会提示登录
- django - AttributeError:“TestModelCreateView”对象没有属性“对象”
- python - 异常后并发期货不继续
- datatables - 添加样式后的页眉对齐数据表='100%'
- amazon-web-services - 如何通过 AWS CDK 设置 DataDog 警报?
- c++ - Json nlohmann:返回一个包含多个键的值的通用函数