div标签的min-width无效,显示效果总是相当于100%

茶水间的饭桶 2015-05-15 08:21:37
div标签里面的div标签有一些不固定长度的内容,现在想控制min-width ,然后好通过margin:0px auto来设置居中,但是没有效果啊,查看宽度总是占据了一整个父框的宽度。换成p标签也是如此,只有a标签时width才是文字宽度。

求大神点睛!
...全文
3117 4 打赏 收藏 转发到动态 举报
写回复
用AI写文章
4 条回复
切换为时间正序
请发表友善的回复…
发表回复
似梦飞花 2015-05-25
  • 打赏
  • 举报
回复
min-width是最小宽度 你设置max-width

<!DOCTYPE html>
<html>
<head>
    <title></title>
    <style>
       div{
       	  max-width:200px;
	  height:200px;
	  background-color:red;
	  margin:0 auto;
       }
    </style> 
</head>
<body>
<div></div>
</body>
</html>
滴滴月空雨 2015-05-20
  • 打赏
  • 举报
回复
p,div都属于块元素,所以它会占据一整行, a,span属于行内元素,这就是区别
风中的少年 2015-05-20
  • 打赏
  • 举报
回复
直接贴代码........
  • 打赏
  • 举报
回复 1
div加上display:inline-block;试试

61,115

社区成员

发帖
与我相关
我的任务
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
  • HTML(CSS)社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧