CSS做网页最常用的一些解决内容和默认样式问题

1.超出宽度的内容以省略号隐藏。

	overflow: hidden;			/*内容溢出元素框时隐藏*/
	text-overflow: ellipsis;	/*文本溢出以省略号*/
	white-space: nowrap;		/* 规定文本不进行换行:*/

2.i 标签斜体改为标准字体(也就是不要斜体),之所以会用到 i 标签一般用来定义icon图标

font-style: normal;

3.超出高度的内容以省略号隐藏。

display: -webkit-box;/** 对象作为伸缩盒子模型显示 **/
word-break: break-all;
text-overflow: ellipsis;
-webkit-box-orient: vertical;/** 设置或检索伸缩盒对象的子元素的排列方式 **/
-webkit-line-clamp: 5;/** 显示的行数 **/
overflow: hidden;

还在更新中,敬请期待…

猜你喜欢

转载自blog.csdn.net/A_hxy/article/details/106528452