div + css问题:怎样让div自动适应文字宽度
,就是div里面的文字多就自动宽一点,而不是一下子就扩展到100%宽度
<html>
<head>
<style type="text/css">
body{
text-align:center;
}
.contents{
width:auto;
background-color:red;
}
</style>
</head>
<body>
<div class="contents">最小宽度</div>
</body>
</html>
你不给宽度他自然就自动了。。。
还有上面你要加上文档声明
<!doctype html>
<html>
<head>
<style type="text/css">
body{
text-align:center;
}
.contents{
background-color:red;
}
</style>
</head>
<body>
<div class="contents">最小宽度</div>
</body>
</html>追问
还有上面你要加上文档声明
<!doctype html>
<html>
<head>
<style type="text/css">
body{
text-align:center;
}
.contents{
background-color:red;
}
</style>
</head>
<body>
<div class="contents">最小宽度</div>
</body>
</html>追问
没有自动呀,红色的背景还是扩展到了100%
追答在CONTENTS里在加一个
display:inline;
属性就可以了
如果浮动的话就不会居中了
温馨提示：内容为网友见解，仅供参考
第1个回答 2012-02-26
Div是块状元素，就算你不定义宽度它也会自动继承父元素的宽度，你可以让它浮动。
.contents{
float:left;
background-color:red;
}
.contents{
float:left;
background-color:red;
}
相似回答
