javascript - css布局问题，可以用flex

问题描述

问 题

• 现在设计稿是这样的，里面支持1-6个字，垂直水平居中。

• 文字和图片都是读接口拿的。

• 难点来了，四个字的时候，两个字就换行了，五个字的时候，两个字换行，下面有三个字，六个字的时候，是三个字换行。如果我给文字区限定范围那他肯定是先上面三个字，再下面两个字。
  有没有布局大神帮忙解决一下？

解决方案

文字调用这个函数处理一下呗

function linefeed(text) {
    var l = text.length;
    if (l <= 3) {
        return text
    }
    var cut = Math.floor(l/2);
    return text.slice(0, cut) + '<br>' + text.slice(cut)
}

这篇关于javascript - css布局问题，可以用flex的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！