完美解决了span的宽度设置

最新推荐文章于 2023-07-31 09:20:02 发布

gd110120130

最新推荐文章于 2023-07-31 09:20:02 发布

阅读量4.2k

点赞数

分类专栏： CSS

CSS 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

下面代码的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>