美文网首页程序员
微信小程序 <button 中多行文本、文字换行

微信小程序 <button 中多行文本、文字换行

作者: Keith_Fan | 来源:发表于2018-06-15 10:28 被阅读49次

button中文字换行

<button  class='btn-double-line'>

<text>{{data1}}</text>

<text>{{data2}}</text>

</button>

.btn-double-line{
display: flex;

flex-direction: column;

align-items: center;

justify-content: center;

height: 98rpx;//重要

line-height: 46rpx;//几行就是高度除以几

}

.btn-double-line text{

display: flex;

flex-direction: column;

}

第一次写简书,请问代码怎么复制呢?以上都是纯手打

如果解决你的问题了,给个小心心吧!

相关文章

网友评论

    本文标题:微信小程序 <button 中多行文本、文字换行

    本文链接:https://www.haomeiwen.com/subject/ugypeftx.html