css - wordpress div 像画廊一样对齐

标签 css wordpress html

我不确定我能做些什么来修复它,但我无法使用 css 将图像对齐 1 行,然后像画廊一样对齐另一行。谁能帮忙。我试过将 div 条目向左浮动,但仍然无法使其正确。

这是入口的css

 .entry {
clear: both;
margin: 0;
padding-top: 1px;
 }

最佳答案

添加

display:inline-block

到你的 div 类 .wp 标题

查看本文 http://designshack.net/articles/css/whats-the-deal-with-display-inline-block/因为跨浏览器可能存在一些问题,但我认为它只有 IE6,也许是 7

所以在你的情况下

.wp-caption {
 border: 1px solid #a87c31;
 text-align: center;
 background-color: #10050B;
 padding-top: 4px;
 margin: 10px;
 display: inline-block; 
 }

关于css - wordpress div 像画廊一样对齐,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14629263/

相关文章:

wordpress - 如何将 Google Analytics OnClick 添加到 Wordpress 联系表 7 提交按钮

javascript - 下拉 currentIndex onchange

php - 在 PHP 中使用 mysql 数组数据

wordpress - 通过docker compose运行时如何将wordpress wp-content文件夹存储在本地机器中

html - 无法查看链接上的 css 背景图像

html - 如何在 CSS 中使用渐变/在线 CSS 渐变生成器列表

javascript - `delay` 不是函数 (jQuery 1.3)

javascript - 如何为移动设备制作固定的 div,但在单击时用滚动填充视口(viewport)

css - href#section 标签在 safari 中不起作用

html - 随容器调整大小的文本