溢出的文字隐藏
word-break 自动换行
normal 默认
break-all 允许单词内执行
keep-all 只能在半角空格或连字符处换行
white-space 用于强制一行显示内容
normal 默认
nowrap 强制在同一行内显示所有文本，知道文本结束或者遭遇br标签才换行
text-overflow 文字溢出
text-overflow: clip | ellipsis
clip 不显示省略标记（...）直接隐藏
ellipsis： 显示省略标记（...）
注意：一定要先强制一行内显示，再和overflow属性搭配使用
/*
例如要创建2行盒子，第一行2个并排，第二行4个并排
可以先每行分别用div包裹，这样整体是标准布局，每一行又分别是浮动布局
*/
<html>
<head>
<style>
div {
width: 120px;
height: 20px;
border: 1px solid #f00;
white-space: nowrap;
overflow: hidden;
/* text-overflow: clip; */
text-overflow: ellipsis;
}
</style>
</head>
<body>
<div>
我是张三，李四的邻居
<div>
</body>
</html>
扫一扫
646
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
