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

哈尔滨做网站公司企业网站seo案例

哈尔滨做网站公司,企业网站seo案例,潍坊做网站维护费用,建设银行网站201308最近在做一个微信小程序的项目&#xff0c;其中涉及到css样式实现将<navigator>标签内的图片和文本元素垂直排列&#xff0c;并水平居中。在尝试实现的过程中&#xff0c;将元素在标签内的所有排列情况都顺带实现了。上代码&#xff1a; index.wxml <navigator url&…

        最近在做一个微信小程序的项目,其中涉及到css样式实现将<navigator>标签内的图片和文本元素垂直排列,并水平居中。在尝试实现的过程中,将元素在标签内的所有排列情况都顺带实现了。上代码:

index.wxml

<navigator url="/pages/user/user-collect/index" hover-class="none" class="user-navigator"><image class="order-image" src="/public/img/5-8.png"></image><text class="text-black user-text">收藏</text>
</navigator>

index.wxss

.user-text {padding: 10% 0%;
}.user-navigator {display:flex;flex-direction: column;align-items: center;
}

顺带实现的其他排列情况index.wxss文件中的对用内容如下:

一、水平居中

1、排列方向为水平方向
.user-navigator{display: flex;align-items: center;
}
2、排列方向为竖直方向
.user-navigator{display: flex;flex-direction: column;align-items: center;
}

二、垂直居中


1、排列方向为水平方向
.user-navigator{display: flex;flex-direction:column;justify-content: center;
}
2、排列方向为竖直方向
.user-navigator{display: flex;justify-content: center;
}

三、中心居中

1、排列方向为水平方向
.user-navigator{display: flex;align-items: center;justify-content: center;
}
2、排列方向为竖直方向
.user-navigator{display: flex;flex-direction: column;align-items: center;justify-content: center;
}
http://www.15wanjia.com/news/20080.html

相关文章:

  • 按营销型网站要求重做网站 费用seo权重优化软件
  • 海南七星彩网站开发seo网络营销外包
  • 免费优化推广网站的软件上百度首页
  • 苏州家教网站建设网站快速搜索
  • 建站快车帮助百度总部客服电话
  • 泉州服装电商网站建设seo的推广技巧
  • 哪个网站可以做公务员题超级seo助手
  • 专业做网站制作百度店铺
  • 视频网站建设费用湘潭seo优化
  • 广州网站设计实力乐云seo舆情监测软件免费版
  • 工艺品网站模板考证培训机构报名网站
  • 广州做营销型网站哪家好seo优化sem推广
  • 建设厅网站企业诚信分值seo网站管理招聘
  • 网站ssl证书怎么做网店推广策划书
  • 济宁网站制作唐人站长工具官网域名查询
  • 做旅游网站seo的优化方案
  • 整站下载器 做网站地图郑州seo网站有优化
  • 王爷别来无恙短剧全集sem优化公司
  • 上海的网站名安装百度到手机桌面
  • 做推文的网站百度seo整站优化
  • seo搜索排名优化方法沈阳百度seo关键词排名优化软件
  • 专注微信网站建设昆明网络营销
  • 免费自助建站系统有哪些竞价排名的优缺点
  • 怎么黑进网站后台找客户资源的软件免费的
  • 酒托做哪个网站好青岛网络推广公司哪家好
  • wordpress模板页面怎么添加图片北京seo公司华网白帽
  • 河北建筑培训网登录网站优化建议怎么写
  • 做网站委托书微博付费推广有用吗
  • 做网站做注册登录的难点考研培训机构排名前五的机构
  • 钓鱼网站制作视频教程河北百度seo