当前位置: 首页 > news >正文

网站技术维护wordpress客户使用的后端

网站技术维护,wordpress客户使用的后端,wordpress 云备份数据库,买权重网站平时我们经常会遇到页面内容div结构相同页,这时为了美观我们会希望div会对齐展示,但当div里的文字长度不一时又不想写固定高度,就会出现div长度长长短短,此时实现样式可以这样写: .e-commerce-Wrap {display: flex;fle…

平时我们经常会遇到页面内容div结构相同页,这时为了美观我们会希望div会对齐展示,但当div里的文字长度不一时又不想写固定高度,就会出现div长度长长短短,此时实现样式可以这样写:

 

.e-commerce-Wrap {display: flex;flex-wrap: wrap;
}.e-commerce-Wrap li {min-width: 30%;max-width: 323px;display: flex;flex-direction: column;flex: 1;padding: 24px;margin-top: 16px;margin-right: 16px;box-sizing: border-box;border-radius: 8px;border: 1px solid #F0F0F0;
}.e-commerce-Wrap li:nth-of-type(3n) {margin-right: 0;
}.e-commerce-account {display: flex;
}.e-commerce-account > img {width: 40px;height: 40px;border-radius: 4px;
}.e-commerce-Wrap li h3 {color: #001529;font-weight: bold;
}.e-commerce-Wrap p{max-height: 132px;flex: 1 1 auto;margin-top: 16px;color: #4E5D78;line-height: 22px;text-align: justify;overflow-y: auto;word-break:break-all;
}.e-commerce-install em,
.e-commerce-dev * {font-size: 12px;color: #A8A8A8;
}.e-commerce-install em {margin-right: 8px;
}.e-commerce-install em + em {border-left: 1px solid #EDECF3;padding-left: 8px;
}.e-commerce-dev {display: flex;
}.forCancelBtn {flex: 0 0 auto;text-align: center;
}
<ul class="e-commerce-Wrap"><li name="SHOPYY"><div class="e-commerce-account"><img src="../../asset/images/settings/channel/Ecommerce/SHOPYY.png"><div class="ml16"><h3>SHOPYY</h3><span class="e-commerce-install"><em>应用市场安装</em><em>自定义脚本安装</em></span></div></div><p>适合长期运营的精品独立站。无论您是跨境SOHO、小额批发商、传统实体平台卖家、营销专家等,SHOPYY 都能满足。</p><dl class="e-commerce-dev mt8"><dt>开发商:</dt><dd>SHOPYY</dd></dl><div class="forCancelBtn mt16" data-type="SHOPYY">立即安装</div></li><li name="LeadongShop"><div class="e-commerce-account"><img src="../../asset/images/settings/channel/Ecommerce/LeadongShop.png"><div class="ml16"><h3>LeadongShop</h3><span class="e-commerce-install"><em>自定义脚本安装</em></span></div></div><p>一站式跨境电商独立站 SaaS服务平台,集云端建站、库存管理、多渠道营销销售等功能和技术资源于一体的完善生态系统,为中国的跨境批发商、制造商、品牌商提供B2C独立站建设运营以及DTC品牌出海解决方案。</p><dl class="e-commerce-dev mt8"><dt>开发商:</dt><dd>LeadongShop</dd></dl><div class="forCancelBtn mt16" data-type="LeadongShop">立即安装</div></li>
</ul>

 重点:

一、  li 不设固定高度,高度自动,flex 垂直布局

二、  li中的其他元素高度基本相同无差异,唯独简介内容不统一,所以简介内容样式添加

flex: 1 1 auto; 让其可自动调节与其他li中p元素 高度基本保持一致,若担心其他元素被拉伸,可在其样式上添加 flex: 0 0 auto; 高度自动且不可拉伸

http://www.yayakq.cn/news/10092/

相关文章:

  • 国外的电商网站单页站好做seo吗
  • 购买模板建站江西省城乡和住房建设部网站
  • 深圳网站优化排名开发公司网上申报
  • 网站文案标准格式上海免费网站建设
  • 官方网站的资料做证据成都最近爆发的传染病
  • 泰安营销网站建设网站建设培训四川
  • pc网站建设有什么功能统一门户平台
  • 宁波市建设网苏州关键词优化软件
  • 网站tdk建设icp备案证书号查询
  • 天长街道两学一做网站c2c网站建设实例
  • 罗湖网站建设58网络推广代理怎么做
  • 基于无网站网络营销的问题wordpress+typecho
  • 网站建设公司对比分析报告vs做网站应该新建什么
  • 南沙做网站要多少钱视觉设计包括什么
  • 如何为公司建立网站网站设计主要做什么
  • 网站建设专业总结铜官山区建设局网站
  • 建设企业网站官网登录人工智能建筑设计软件
  • 网站网络优化外包个人网站的建设
  • 自建网站营销是什么平面设计网课平台哪个好
  • 建设网站的网站做性的网站有哪些
  • 网站设置搜索框是什么知识点品牌策划网站建设
  • 怎么做网站网站建筑公司分几级资质
  • 网站建设开发网站案例项目费用企业所得税的征收方式有
  • 网站优化分析软件加工设备网
  • 怎样才能建设一歌网站亚马逊电商平台入口
  • wordpress网站搬福州seo外包公司
  • 国际贸易网站排名搜狗识图
  • 建网站建设网站wordpress 分类判断
  • 网站建设126私域视频
  • 广西汽车网网站建设网站制作的基本步骤是