正在访问:子比主题更改文章列表样式 – 设计趁年华

当前位置:首页>源码分享>子比源码> 子比主题更改文章列表样式

子比主题更改文章列表样式

美化图

子比主题更改文章列表样式

CSS代码:

  1. /*文章列表样式*/@media screen and (min-width: 768px){.posts-item .item-thumbnail{width: 100%; height: 300px;}/*.posts-item .item-heading{text-align: center;}*/.posts-item .item-body{margin-top: 15px; width: calc(100% - 20px - 20px);

上面该样式只有电脑、平板显示(即>768px的显示),若需要手机或者全部显示,请用下面代码:

  1. /*文章列表样式*/.posts-item .item-thumbnail{width: 100%; height: 300px;}/*.posts-item .item-heading{text-align: center;}*/.posts-item .item-body{margin-top: 15px; width: calc(100% - 20px - 20px);}

本站正在使用的CSS样式:

  1. /*文章列表样式*/@media screen and (min-width: 768px){.posts-item{padding: 10px;}/*.posts-item .item-heading{font-size: 22px;}*/.posts-item .item-thumbnail{width: 100%; height: 300px;}/*.posts-item .item-heading{text-align: center;}*/.posts-item .item-body{margin-top: 15px; width: 100%;margin-left: 0px;
文章链接:https://sjcnh.cn/2181.html
文章标题:子比主题更改文章列表样式
文章版权:@花醉 所发布的内容,部分为原创文章,转载请注明来源,网络转载文章如有侵权请联系我们!我们将在24小时内极速处理!
本文最后更新发布于2024年12月15日 23时58分05秒,某些文章具有时效性,若有错误或已失效,请在下方留言或联系:841134898@qq.com
本文声明 本站上的部份代码,教程,软件,插件来自会员发布以及互联网收集,不代表本站立场,仅供网友个人学习交流或测试研究使用,未经原版权作者许可,禁止用于任何商业途径!请用户仔细辨认内容的真实性,避免上当受骗!本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。请在下载24小时内删除!若您喜欢本文可附上原文链接随意转载。如无意侵害了您的权益,请发送邮件841134898@qq.com 或点击右侧 私信:花醉 反馈,我们将尽快处理。如果遇到付费才可观看的文章,建议升级终身VIP。全站所有资源“任意下免费看”。本站资源少部分采用7z压缩,为防止有人压缩软件不支持7z格式,建议下载7-zip。zip、rar解压,建议下载WinRAR。

如果您觉得本文有用,望您赞助一下我吧.

给TA赞助
共0人
快来当第一个赞赏的人吧!
    !
    您也想出现在这里吗?点击联系我们吧!
    点击投个广告吧
    本文共收获 0 条评论,让我们看看你的独特见解。
    请文明留言,否则拉进小黑屋。评论需要经过人工审核!!!(审核时间:9-19点),其它时间段审核时间加长。
    欢迎您,新朋友,感谢参与互动!
      暂无讨论,说说你的看法吧
    个人中心
    购物车
    优惠劵
    今日签到
    私信列表
    消息中心
    快速搜索
    在线客服
    关注我们
    • 手机扫码打开网页

    • 微信公众号

    语言切换
    返回顶部