div + css问题:怎样让div自动适应文字宽度
,就是div里面的文字多就自动宽一点,而不是一下子就扩展到100%宽度<html><head><styletype="text/css">body{text-align:...
,就是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> 展开
<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> 展开
2个回答
展开全部
你不给宽度他自然就自动了。。。
还有上面你要加上文档声明
<!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;
属性就可以了
如果浮动的话就不会居中了
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
