jquery - 我怎样才能使列表项连续三个

标签 jquery css wordpress

我最近购买了这个主题。我想通过在主页中显示元素来自定义主题文件,即出现的帖子列表是四个,我想做的是连续三个。是否可以使用 css 或 jquery 来做到这一点。 这是主题的链接 在主页中,您可以看到帖子有四个(我希望它是三个) <强> Here is the link

是否可以使用 css 将列表设为三个?

最佳答案

元素 1:要限制每行显示的 block 数,请增加每个元素的宽度,如下所示:

.articles li {
    padding: 7px;
    width: 30%; /*This can be in px also. If in px give a value roughly above 290px. */
    text-align: left;
    position: relative;
    float: left;
    min-height: 210px;
    margin: 0 3px 5px 1px;
}

第 2 项:要使图像在每个 block 中居中,请添加 margin,如下所示:

.articles .thumb {
    width: 228px;
    height: 108px;
    margin: 0px auto; /*added this line to center image horizontally.*/
}

关于jquery - 我怎样才能使列表项连续三个,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19160576/

相关文章:

Jquery - 推荐淡入/淡出分页

javascript - 替换功能只能使用一次(javascript)

javascript - 小灯箱刷新内部div脚本推荐

wordpress - 使用 wpseo_title 函数更改 yoast 标题

php - 前端多文件上传 WordPress

javascript - DEFER 实际上并未推迟

javascript - 当前屏幕中间的 JQuery 位置

页脚变为页眉的 jQuery css 视差效果

jquery - 如何将 Bootstrap 图标颜色更改为黄色?

mysql - 配置 Sphinx 以索引一组动态表