首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

小程序-实现竖排文字(二)

前一篇文章《小程序-实现竖排文字》只说了一个解决方案,这次再说一些别的解决方案。

把每一句古诗竖排布局,wxml 代码结构:

wxss如下:

因为是每一句一列,所以这里使用vertical-lr也可以,但是为了以后句子太长,做高度限制时,折列的时候也是从右向左,建议还是使用vertical-rl。经过以上布局以后,貌似没有达到我们的需求:

现在整体从右向左的布局没有实现。

若文字是固定的:上下对调一下,调整 wxml :

2 若文字是接口输出的,假如是个数组:

以上两种情况都有对应的解法,但感觉都不够完美,布局的问题应该交给擅长的 css (wxss) 解决。

下面列举几个我想到的样式解决方案:

1.浮动布局(还得考虑清楚浮动)

2.dispaly:flex

3.direction

  • 发表于:
  • 原文链接http://kuaibao.qq.com/s/20180121G09HIE00?refer=cp_1026
  • 腾讯「腾讯云开发者社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 cloudcommunity@tencent.com 删除。

扫码

添加站长 进交流群

领取专属 10元无门槛券

私享最新 技术干货

扫码加入开发者社群
领券