div 显示在页面底端
bottom:0;
文字超出部分的处理
首先设置 div 的 width 和 height
overflow: hidden
overflow 属性规定当内容溢出元素框时发生的事情. 这个属性定义溢出元素内容区的内容会如何处理. hidden 表示内容会被修剪, 并且剪掉的内容是不可见的.
white-space: nowrap
规定文本不进行换行. white-space 属性设置如何处理元素内的空白. nowrap 表示文本不会换行, 文本会在在同一行上继续, 直到遇到 <br> 标签为止.
text-overflow: ellipsis
text-overflow 属性规定当文本溢出包含元素时发生的事情. ellipsis 表示显示省略符号来代表被修剪的文本.
overflow 实现用滚动条查看其余文字
<div style="overflow: scroll; white-space: nowrap; text-overflow: clip;width:100px;">
来源: http://www.bubuko.com/infodetail-2549133.html