前一篇文章《小程序-实现竖排文字》只说了一个解决方案,这次再说一些别的解决方案。
把每一句古诗竖排布局,wxml 代码结构:
wxss如下:
因为是每一句一列,所以这里使用vertical-lr也可以,但是为了以后句子太长,做高度限制时,折列的时候也是从右向左,建议还是使用vertical-rl。经过以上布局以后,貌似没有达到我们的需求:
现在整体从右向左的布局没有实现。
若文字是固定的:上下对调一下,调整 wxml :
2 若文字是接口输出的,假如是个数组:
以上两种情况都有对应的解法,但感觉都不够完美,布局的问题应该交给擅长的 css (wxss) 解决。
下面列举几个我想到的样式解决方案:
1.浮动布局(还得考虑清楚浮动)
2.dispaly:flex
3.direction
领取专属 10元无门槛券
私享最新 技术干货