多语言展示
当前在线:1567今日阅读:26今日分享:39

css当文本超出时出现省略号

网页制作的时候有时需要对文本长度进行设置,截取部分文本显示
工具/原料

计算机

方法/步骤
1

                   

连日来,兰州交通大学的新生陆续开学报到,但网爆新生自行购买被褥入住桃海公寓遭拒引发学生不满和网友关注。8月31日,兰州交通大学回应西部商报记者采访称,经了解,            当事学生从私人处购买无正规发票的被品入住桃海学生公寓,已经协调退回,桃海公寓并非不让学生自带被品入住,而是防止“黑心棉”流入学生宿舍,危害学生身体健康。       

  

2

如上文本,显示内容过多,有时候作为摘要不需要显示那么多,所以可以对其进行设置:p{  width:200px;}设置你想要显示的长度,也可以设置字节

3

p{width:200px;overflow:hidden;}  设置文本超出长度之后不会出现滚动条拉动

4

p{width:200px;overflow:hidden;white-space:nowrap}设置文本超出长度之后不会自动换行显示

推荐信息