首页 > 浏览文章 > css实现强制不换行/自动换行/强制换行

css实现强制不换行/自动换行/强制换行

强制不换行

div{ white-space:nowrap;
}

自动换行

div{ word-wrap: break-word; word-break: normal; 
}

强制英文单词断行

div{ word-break:break-all;
}


word-wrap:

css的 word-wrap 属性用来标明是否允许浏览器在单词内进行断句,这是为了防止当一个字符串太长而找不到它的自然断句点时产生溢出现象。

word-break:

css的 word-break 属性用来标明怎么样进行单词内的断句。


如何实现文字不换行,超出部分自动添加省略号


div{
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}



其他链接

意见箱 © 个站商店 2016 v0.98 星球彦 | 访客数:161954