黑马程序员技术交流社区

标题: 鼠标样式,图片底部空隙,以及多余文字显示省略号的方法! [打印本页]

---

作者: 哈哈哈士奇    时间: 2019-3-18 16:05
标题: 鼠标样式,图片底部空隙,以及多余文字显示省略号的方法!
鼠标样式':
cursor:
default 默认的小白箭头;
pointer 小手
move  移动箭头
text   文本
not-allowed 禁止;


取消轮廓线:
outline:none; 针对表单(input)
防止拖拽文本域;
resize:none;针对文本域;
垂直居中对齐;
只能设置给行内块和行内元素;
vertical-allign:
默认的是基线vertical-align(baseline)对齐,
中线对齐;
让图片的中线对齐文字的中线;
vertical-align(middle)
顶线对齐;
让图片的顶线对齐文字的顶线;
vertical-align(top)


解决图片底部空白缝隙的方法;
给图片添加 vertical-align :top ,bottom, middle;
或者转化为块元素;display blaock;


溢出的文字省略号显示;

1.强制一行内显示文本;
white-space:nowrap
默认为(white-space;normal)
2.多出的文字隐藏:
overflow:hidden
3.省略号显示:
text-overflow:ellipsis

---

欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/)

黑马程序员IT技术论坛 X3.2