html div定位
[英]html div positioning
问题描述
我在php页面中有多个DIV：
<?php
if ($row['a']!="") { echo "<div id=a></div>";}
if ($row['b']!="") { echo "<div id=b></div>";}
if ($row['c']!="") { echo "<div id=c></div>";}
if ($row['d']!="") { echo "<div id=d></div>";}
if ($row['e']!="") { echo "<div id=e></div>";}
?>
我应该如何设置它们的位置样式，以便如果不显示div id = 2，那么div id = 3将替换其位置，从而使div 1和3之间没有空格。其余DIV情况相同。 。 我应该使用哪种定位类型：相对？ 绝对？
1 个解决方案
解决方案1
0 已采纳 2012-12-10 13:09:44
您可以相对定位。 一个简单的示例如下所示。 如果您更喜欢使用class属性进行样式设置，那将是一件好事，否则，您可以为每个带有ID的div分别设置样式。 浏览下面的代码。 现在尝试删除中间的一个或任何一个或两个回显语句，您会发现不可用的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>
<style>
.adiv {
position:relative;
width:100px;
height:100px;
background:#ff0000;
float:left;
margin:10px;
}
</style>
</head>
<body>
<?php
echo "<div id=\"one\" class=\"adiv\"> </div>";
echo "<div id=\"two\" class=\"adiv\"> </div>";
echo "<div id=\"three\" class=\"adiv\"> </div>";
echo "<div id=\"four\" class=\"adiv\"> </div>";
echo "<div id=\"five\" class=\"adiv\"> </div>";
?>
</body>
</html>
Blogger HTML div定位
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.