我尝试将网站徽标与CSS居中对齐, 但是没有任何变化。使用Kalium主题时, 是否可以将网站徽标放在标题的中心?
#1我认为这取决于你使用的标题。但据我所知, 它们都是使用flex布局构建的。
【如何在WordPress的Kalium主题上将logo居中()】因此, 给你一个主要布局的示例:https://demo.kaliumtheme.com/main/
在这种情况下, 你实际上可以将flex-direction设置为column, 将justify-content设置为center:
header.main-header .logo-and-menu-container {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
另外, 我会在徽标的底部添加一些空白:
.header-logo.logo-image {
margin-bottom: 30px;
}
瞧, 看起来不错。
#2试试这个代码:
header.main-header .logo-and-menu-container
{
display:block;
margin-left:auto;
margin-right:auto
}
推荐阅读
- 如何使用WordPress编译sage9主题
- 我如何在wp_nav_menus中使用li和一个类()
- linux之tree命令
- 性能环境之docker操作指南4(全网最全)
- 2021年热门的IT平台及热门课程精选
- 免费教程STM32MP157开发教程之FreeRTOS系统篇3(FreeRTOS 计数型信号量)
- 视频流异步转码和实时流式转码是什么意思(有什么区别?)
- 鸿蒙分包与Android app组件化
- 太震撼了!我把七大JS排序算法做成了可视化!!!太好玩了!