magin的问题，magin:auto为什么不能自动 ？

xuefeihua 2008-06-18 02:27:30
<table width="80%" align="center">

<tr><td>
<div style="BORDER: #7fa4cf 1px solid; MARGIN: 6px; WIDTH: auto; HEIGHT: auto">
<div style="MARGIN: 10px; WIDTH: 120px; HEIGHT: auto; border-width: 2px; border-right-style: dashed; border-color: #7fa4cf;">
<img align="middle" src="MYSNOOWAY/pic/2008061709581495301.jpg" width="100" height="100" />
<p align="center"><a style="font-size: 12px; color:#666666;">图片说明</a></p>
</div>
</div>
</td></tr></table>


为什么DIV的宽度和外面的一样宽,我想实现里面放一个div的时候宽度边小,放多个的时候宽度边大
...全文
169 11 打赏 收藏 转发到动态 举报
写回复
用AI写文章
11 条回复
切换为时间正序
请发表友善的回复…
发表回复
xuefeihua 2008-06-18
  • 打赏
  • 举报
 回复
要是把外面table的width="80%",是不是里面div的WIDTH: auto必须迎合外面的宽度啊?
xuefeihua 2008-06-18
  • 打赏
  • 举报
 回复
我是说为什么要补上啊
街头小贩 2008-06-18
  • 打赏
  • 举报
 回复
你还是好好看看css吧！
xuefeihua 2008-06-18
  • 打赏
  • 举报
 回复
[Quote=引用 5 楼 xiaofanku 的回复:]
---关建是float,padding在你的代码中补上就没问题了
[/Quote]
？？？
街头小贩 2008-06-18
  • 打赏
  • 举报
 回复
你不会变通一下
try:
<!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>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Untitled Document</title>

</head>



<body>

<table width="auto" align="center"> 



<tr> <td> 



<div style="float:left;padding:0;BORDER: #7fa4cf 1px solid; MARGIN: 6px; WIDTH: auto; HEIGHT: auto"> 

	<div style="float:left;padding:0;MARGIN: 10px; WIDTH: 120px; HEIGHT: auto; border-width: 2px; border-right-style: dashed; border-color: #7fa4cf;"> 

        <img align="middle" src="MYSNOOWAY/pic/2008061709581495301.jpg" width="100" height="100" /> 

        <p align="center"> <a style="font-size: 12px; color:#666666;">图片说明 </a> </p> 

    </div> 

    

    

   

</div> 

</td></tr></table>

</body>

</html>
xuefeihua 2008-06-18
  • 打赏
  • 举报
 回复
但是我需要外面的table啊？加上table有办法实现这样的效果吗？
街头小贩 2008-06-18
  • 打赏
  • 举报
 回复
我用ff,ie7都测试正常!关建是float,padding在你的代码中补上就没问题了
街头小贩 2008-06-18
  • 打赏
  • 举报
 回复
再加一个inner div 
<!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>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Untitled Document</title>

</head>



<body>

<div style="float:left;padding:0;BORDER: #7fa4cf 1px solid; MARGIN: 6px; WIDTH: auto; HEIGHT: auto"> 

	<div style="float:left;padding:0;MARGIN: 10px; WIDTH: 120px; HEIGHT: auto; border-width: 2px; border-right-style: dashed; border-color: #7fa4cf;"> 

        <img align="middle" src="MYSNOOWAY/pic/2008061709581495301.jpg" width="100" height="100" /> 

        <p align="center"> <a style="font-size: 12px; color:#666666;">图片说明 </a> </p> 

    </div> 

    

    

    <div style="float:left;padding:0;MARGIN: 10px; WIDTH: 120px; HEIGHT: auto; border-width: 2px; border-right-style: dashed; border-color: #7fa4cf;"> 

        <img align="middle" src="MYSNOOWAY/pic/2008061709581495301.jpg" width="100" height="100" /> 

        <p align="center"> <a style="font-size: 12px; color:#666666;">图片说明 </a> </p> 

    </div> 

</div> 



</body>

</html>
xuefeihua 2008-06-18
  • 打赏
  • 举报
 回复
就是外面一个大的div我想让它的宽度是自动的，但是它的宽度总是和外面td的宽度一样,应该怎样设置啊?
街头小贩 2008-06-18
  • 打赏
  • 举报
 回复
try:
<!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>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Untitled Document</title>

</head>



<body>

<div style="float:left;padding:0;BORDER: #7fa4cf 1px solid; MARGIN: 6px; WIDTH: auto; HEIGHT: auto"> 

	<div style="float:left;padding:0;MARGIN: 10px; WIDTH: 120px; HEIGHT: auto; border-width: 2px; border-right-style: dashed; border-color: #7fa4cf;"> 

        <img align="middle" src="MYSNOOWAY/pic/2008061709581495301.jpg" width="100" height="100" /> 

        <p align="center"> <a style="font-size: 12px; color:#666666;">图片说明 </a> </p> 

    </div> 

    

    

   

</div> 



</body>

</html>
bolm 2008-06-18
  • 打赏
  • 举报
 回复
没听明白你意思


-----------------
http://bolm.cn
margin: auto 为什么不会实现垂直居中？
我们在学习margin时，可能会有这么一个疑问，为什么margin:auto只能实现水平居中，而不能实现垂直居中？ 原因是： auto的作用为：自动填充剩余空间 块级元素在水平方向自动填充一整行，而在垂直方向上不会自动填充 所以给块级元素设置margin:auto时，块级元素在水平方向上，左右的margin平分剩余空间，在垂直方向上，没有剩余空间可平分，所以呈现只有水平居中的效果。 因为网页都是宽度适应窗口的没有高度适应窗口的 ...
html中auto是设置什么的,css中margin：auto什么意思？margin：auto属性的用法详解
我们都知道使用margin:auto可以让元素水平居中的。但你有没有想过使用margin:auto可以让元素水平居中的原因，要回答这个问题，我们首先需要看一下margin：auto的工作原理。auto如果它适用于垂直居中，那么又是一种什么情况，下面我们来看具体内容。首先auto是做什么的？定义auto元素，因元素类型和上下文而异。在边距中，auto可以表示两种情况：占用可用空间或0 px。这两个将...
你不知道的margin:auto居中原理
目录auto值对布局的影响当margin-left、margin-right、width其中margin-left、margin-right为特定值，width为auto当width 为特定值，margin-left 和 margin-right 为 automargin-left 或 margin-right 任意一个为特定值，其余为 auto三个属性均为 auto 通过对外边距的学习，前端攻城狮都会用margin:auto;或者margin: 0 auto;来对页面块级元素居中布局。本文会对其原理解释。
css margin:auto的使用
块级元素使用margin:auto水平居中: div { width: 200px; height: 200px; margin: 0 auto; } 块级元素margin:auto不能垂直居中的原因: 在 display: block 中，如果 margin-left 和 margin-right 都是 auto，则它们的计算值相等，从而导致元素的水平居中。( 这里的计算值为元素剩余可用剩余空间的一半) 而如果 margin-top 和 margin-bottom 都是
读书笔记---深入理解“margin：auto”
深入理解“margin：auto”"margin:auto"填充规则"margin:auto"的计算规则触发"margin:auto"计算的条件 "margin:auto"填充规则     1.如果一侧定值，一侧auto，则auto为剩余空间大小     2.如果两侧均是auto，则平分剩余空间 。 "margin:auto"的计算规则     "margin:auto"的计算规则可以被总
CSS

61,112

社区成员

60,730

社区内容

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

加载中

查看更多榜单
社区公告
暂无公告

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

+ 用AI写文章