span标签宽度无效解决方案

最新推荐文章于 2024-09-26 11:36:05 发布

weixin_34241036

最新推荐文章于 2024-09-26 11:36:05 发布

阅读量138

点赞数

CC 4.0 BY-SA版权

文章标签： xhtml

原文链接：http://www.cnblogs.com/tongbiao/p/6415858.html

本文提供了一种通过CSS定义来解决span元素宽度设置问题的方法。使用display:inline-block属性，并考虑到不同浏览器的兼容性，确保了代码可以在多种浏览器版本中正常工作。

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

完美的解决方案

下面代码的CSS定义完美解决了span的宽度设置问题。

由于浏览器通常对不支持的CSS属性采取忽略处理的态度，

所以最好将display:inline -block行写在后面，这样在Firefox里面，如果到了未来的Firefox 3，这一行就能起作用，代码可以同时兼容各种版本。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >

<head>

<title>Test Span</title>

<style type="text/css">

span {
background-color:#ffcc00;
display:-moz-inline-box;
display:inline-block;
width:150px;
}
</style>
</head>
<body>
fixed 
<span>width</span> 
span
</body>
</html>

转载于:https://www.cnblogs.com/tongbiao/p/6415858.html