css 文字换以超出胜率

最新推荐文章于 2023-04-16 22:50:12 发布

心郎

最新推荐文章于 2023-04-16 22:50:12 发布

阅读量1.2k

点赞数

本文链接：https://blog.csdn.net/u011301203/article/details/70058959

版权

<!DOCTYPE html> 
<html> 
<head> 
<meta charset="utf-8" /> 
<style> 
	.a{
		height: 30px;
		width: 200px;
		border: 1px solid #000;
		text-overflow: ellipsis; /* 文本溢出显示省略标记 是一种生声明需要配合下面俩个属性才能生效*/
		white-space:nowrap; /*强制文本一行显示*/
		overflow: hidden; /*溢出隐藏*/
	}
	.b{
		height: 50px;
		width: 200px;
		border: 1px solid #000;
		
		/*文本换行 靠右显示*/
		text-align: right;
	}
</style> 
</head> 
<body> 
	<div class="a">阿斯达所大大多撒所大所多阿斯达所大</div>
	
	<div class="b">阿斯达所大大多撒所大所多阿斯达所大</div>
	
</body> 
</html>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

心郎

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
css 文字换以超出胜率

.a{height: 30px;width: 200px;border: 1px solid #000;text-overflow: ellipsis; /* 文本溢出显示省略标记是一种生声明需要配合下面俩个属性才能生效*/white-space:nowrap; /*强制文本一行显示*/overflow: hidden; /*溢出隐藏*/}.b{height:
复制链接

扫一扫