我有一个响应式网页。是否可以自动将行尾的一个字母单词 move 到下一行。
示例:
一张图值钱
一千个字。
代替:
一图值一图
千字。
最佳答案
愚蠢但有效。只需根据需要更改单词和元素数组中的值
function removeSingleCharLineBreak(){
var words = ['a', 'i', 's', 'z', 'v', 'k', 'o', 'u',
'A', 'I', 'S', 'Z', 'V', 'K', 'O', 'U', '€',
'na', 'za', 'do', 'Na', 'Za', 'Do',
];
var elements = ['p', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'li', 'td', 'td'];
$.each(words, function(index, word){
var regex = new RegExp(" " + word + " ", "g");
$.each(elements, function(index, element){
$(element + ':contains( ' + word + ' )').each(function(){
if (word == '€')
{
$(this).html(
$(this).html().replace(regex, ' ' + word + ' ')
);
}
else
{
$(this).html(
$(this).html().replace(regex, ' ' + word + ' ')
);
}
});
});
});
关于html - 将一个字母单词 move 到下一行，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/41166862/