第一种
display: inline-block;
white-space: nowrap;
width: 100%;
overflow: hidden;
text-overflow:ellipsi
第二种
width:200px;
word-break:break-all;
display:-webkit-box;
-webkit-line-clamp:1;
-webkit-box-orient:vertical;
overflow:hidden;
@ 超出就自动换行输出？
用DIV+CSS中设置代码：
.text-overflow{
display:block;/*内联对象需加*/
width:31em;
word-break:keep-all;/* 不换行 */
white-space:nowrap;/* 不换行 */
overflow:hidden;/* 内容超出宽度时隐藏超出部分的内容 */
text-overflow:ellipsis;/* 当对象内文本溢出时显示省略标记(…) ；需与overflow:hidden;一起使用。*/
}
@ css怎么把原图隐藏？
1、首先在电脑中创建一个test.html文件。
2、然后需要在文件内，创建一个div模块，在div模块内，使用img创建一张图片。
3、最后在css标签中，设置div的宽度、高度，再通过将overflow设置为hidden，实现当图片超出div的高度时，隐藏图片多出的部分。
@ 网页上面的那个自动滚动的页面是怎么弄出来？
css属性 overflow-y:auto; DIV里面的内容超过DIV的高度，右边就会自动出现滚动条1、用一个div，定制成图中的宽度和高度2、然后再把div的样式设成overflow-y:scroll，当div里的文字超出那个高度的时候，滚动条就出来了。例如：
