現(xiàn)在設(shè)計(jì)稿是這樣的,里面支持1-6個(gè)字,垂直水平居中。
文字和圖片都是讀接口拿的。
難點(diǎn)來了,四個(gè)字的時(shí)候,兩個(gè)字就換行了,五個(gè)字的時(shí)候,兩個(gè)字換行,下面有三個(gè)字,六個(gè)字的時(shí)候,是三個(gè)字換行。如果我給文字區(qū)限定范圍那他肯定是先上面三個(gè)字,再下面兩個(gè)字。
有沒有布局大神幫忙解決一下?
文字調(diào)用這個(gè)函數(shù)處理一下唄
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)
}
樣式設(shè)置
p {
white-space: nowrap
}
然后在取回的數(shù)據(jù)中,判斷文字長度,大于二就在第二個(gè)文字后面加<br>換行符