微信小程序view标签中的文字如何居中？

就是图片下面的几个栏，怎么弄都不能居中，看起来非常的丑，尝试了line-height:100%、aligh-items:center发现都是不行，这令我非常抓狂，看起来非常的丑。这个是我的作业。

希望大佬能帮我看看，用爱发电。好人一生平安，谢谢

点赞
写回答
关注问题
收藏
分享
邀请回答

1条回答默认最新

wanmeikakaxi 2021-02-21 08:56

已采纳

.first, .second {
    background: #fff;
    padding: 1rem 0;
    display: inline-block;
    width: 100%;
    margin: 0.5rem auto;
}
.wdzl, .wdsc, .lxwm, .yjfk, .gywm {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

点赞 1 打赏评论

报告相同问题？

提交关注问题

相关推荐更多相似问题

微信小程序view标签中的文字如何居中？ android webview
2021-02-21 02:22

回答 1 已采纳 .first, .second { background: #fff; padding: 1rem 0; display: inline-block; wi
微信小程序view视图中放本地image 微信微信小程序
2018-05-01 06:34

回答 3 已采纳直接这样写，把url加进去
微信小程序web-view中url问题微信微信小程序
2018-06-05 06:19

回答 3 已采纳微信官方会允许，同时会审核页面内容是否合规~
微信小程序的view标签中text如何居中？
2021-04-08 19:41

一只小猿猿啊的博客 微信小程序的view标签中text如何居中？一个常见的问题，我们在view中加入text。 <view class="position"> <text>{{position}}text> view> 基本的样式如下. .position{ width:100% ; height: 100px; display:flex...
微信小程序---view标签中内容居中
2018-09-05 19:44

漫长的~以后的博客最近我就在项目中需要设置view内文字和图片垂直居中下面直接看代码: wxml代码: <view class="weui-tab__content_title" > <text style='padding-left: 17px;'>...
【干货】微信小程序如何让view标签中内容居中
2021-02-06 20:58

未名编程的博客 .container{ ... /**子view垂直居中*/ vertical-align: center; /**垂直居中*/ justify-content: center; /**内容居中*/ flex-direction:row; /**子view排列方式row--水平 column--垂直*/ } 效果： ...
微信小程序页面底部button不居中问题微信
2017-11-23 07:18

回答 6 已采纳 bottom样式了，那不是设置好width，marigin:0px auto就居中了，也pc端差不了多少
微信小程序搜索功能怎么实现？微信小程序
2017-07-27 06:18

回答 1 已采纳 http://blog.csdn.net/qq_25936689/article/details/53067586
微信小程序中，button的尺寸调整不了? 微信小程序
2020-07-06 21:58

回答 1 已采纳上面没有父元素？给个宽度100%不能实现吗？
微信小程序-文字水平垂直居中
2020-06-29 15:59

iiJonas的博客 1、对于直接在标签里面的文字  <view class='myText'>水平、垂直居中</view> 2、使用flex布局控制其中的文字水平和垂直居中 /* pages/test/test.wxss */ .myText{ /...
微信小程序将组件中的文字放置在正中间的方法
2021-07-10 11:29

攻城的小狮叽的博客正常组件使用默认的属性时，只需要设置text-align...如果此时将view组件的高度加高(设置height属性为100rpx)会出现下面的情况，文字在水平方向上的正中心，而不在垂直方向的正中心。解决方法如下，把文字单独放在一
微信小程序scroll-view实现滚动到锚点左侧导航栏点餐功能(点击种类,滚动到锚点)
2020-10-15 05:30

主要介绍了微信小程序scroll-view左侧导航栏点餐功能实现，点击种类，滚动到锚点；滚动到锚点，种类选中,本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下
微信小程序中scroll-view的内容会被text-area里的内容所遮盖？微信小程序
2021-05-18 14:10

回答 2 已采纳 https://developers.weixin.qq.com/miniprogram/dev/component/native-component.html
关于微信小程序中wx.request的问题小程序微信小程序
2019-08-19 21:50

回答 3 已采纳 https://blog.csdn.net/weixin_41695981/article/details/79235513
微信小程序数组里嵌套数组？ list 微信小程序
2021-09-14 14:25

回答 3 已采纳如果每个list长度都是1，可以直接写{{ item.list[ 0 ].id }}，如果是多个就在里边继续循环，如下： <view wx:for="{{onelist}}"> {
微信小程序标签和html标签对比, 小程序设置居中样式
2020-04-01 15:23

fareast_mzh的博客 微信小程序标签和html标签对比 HTML5 微信小程序 <div></div> <view></view <h1></h1>...<h6></h6> <p></p><span></span> ...
微信小程序view中子view排列方式以及垂直居中
2018-04-19 14:51

夏至未至8780的博客 .wxml文件：列表中的每一个item，有三部分，高度不同，item高度根据内容显示高度，item中的子view垂直居中<view wx:for="{{ dataWeekList }}" wx:for-item="item"> <view ...
微信小程序适配canvas大小位置居中
2019-07-21 20:56

weixin_43277343的博客 canvas适配微信小程序居中绘制通过微信wx.getSystemInfo获取屏幕宽度进行对canvas绘制，参考了https://blog.csdn.net/qq_33529011/article/details/80915414进行制作 js部分： onReady: function () { //微信...
微信小程序访问web页面 javascript jquery 微信小程序微信开放平台
2019-07-17 19:21

回答 1 已采纳 ## # ## ## 由于微信今年年初升级后，内部浏览器http请求不在支持地理位置授权，需要将站点升级为https，需要去服务器平台获取SSL证书，并在tomcat中添加如下配置： ```
【微信小程序】文字水平垂直居中对齐问题（完美解决方案）
2020-03-06 20:38

猫兮ぃCatci的博客我们知道常用的居中对齐方式有很多种例如： ...但是在view中的文字对齐却不能简单的使用text-align: center;来实现，这种办法只能实现文字的水平居中，要实现水平垂直居中可使用如下方案 .td {...
没有解决我的问题, 去提问

码龄粉丝数影响力 0

dqxConnor

微信小程序view标签中的文字如何居中？

1条回答默认最新

码龄粉丝数影响力 0

相关推荐更多相似问题

dqxConnor

微信小程序view标签中的文字如何居中？

1条回答 默认 最新

相关推荐 更多相似问题

1条回答默认最新

相关推荐更多相似问题