ie7下使用white-space:nowrap时padding-right失效问题记录

最新推荐文章于 2023-02-16 10:16:39 发布

lovgef

最新推荐文章于 2023-02-16 10:16:39 发布

阅读量1.3k

点赞数

CC 4.0 BY-SA版权

分类专栏： Div+Css

本文链接：https://blog.youkuaiyun.com/lovgef/article/details/50896207

Div+Css 专栏收录该内容

6 篇文章

订阅专栏

本文展示了一段HTML代码在Chrome和IE7浏览器下的不同显示效果，通过设置文本溢出和自定义样式来实现长度测试。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>test</title>
	<style>
		*{margin: 0;padding: 0;}
		p{width: 210px;}
		p span{display:block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;
			background-color: #ccc;padding-right: 20px;}
	</style>
</head>
<body>
	<p>
		<span title="长度测试长度测试长度测试长度测试长度测试">长度测试长度测试长度测试长度测试长度测试</span>
	</p>
</body>
</html>

chrome下效果：

ie7下效果：