作者热门文章
- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我需要一种方法来创建由 block 组成的墙。我的想法是:我通过 php 获取信息,然后在 div 中回显它们。
Stylesheet
.block{
min-height:100px;
min-width:190px;
background-color:#999;
float:left;
margin-bottom:10px;
margin-left:5px;
margin-right:5px;
}
.holder{
width:800px;
height:100%;
margin: 0 auto;
}
这里是 html:
<html>
<head>
<link href="css/style.css" rel="stylesheet" type="text/css"/>
</head>
<body>
<div class='holder'>
<? *connect to the db*
my_query=mysql_query("SELECT * FROM news");
while($array=mysql_fetch_array(my_query)){
echo "<div class='block' id='block_".$array['id']."'>".$array['text']."<div>";
}
?>
</div>
</body>
</html>
现在,问题是显然 block 的高度和宽度都不相同,因此左侧 float 在 block 和容器的右侧之间产生了可怕的边距。
他们应该怎样 http://img17.imageshack.us/img17/1813/cy44.png他们如何展示 http://img716.imageshack.us/img716/9703/lnyr.png想法:对于宽度,我可以使用 jquery 或通过 echo 创建 id。
if($('#block_'+id).css('width')>590){$('#block_'+id).css('width','790')}
if($('#block_'+id).css('width')>390){$('#block_'+id).css('width','590')}
if($('#block_'+id).css('width')>190){$('#block_'+id).css('width','390')}
这应该可以解决宽度问题,但是高度呢?我应该尝试创建一个函数,根据之前元素的高度设置所有元素的绝对位置吗?
最佳答案
我不是很清楚你的要求。但是你可以做一件事,为所有元素设置 comman 类,比如“.elements”,一旦呈现,你可以获得所有元素,你可以获得所有元素,就像下面的命令一样。
$(文档).ready(函数(){
$('.elements') // and you do want you want to do.
})
关于javascript - 为由 block 制成的柱子创建墙,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18941877/
当我使用 typedef 中的名称时,出现了很多错误。但是在我将名称修改为原始名称后,它就可以工作了。我想知道它们之间有什么不同。 void SwapPoint(Point *pos1, Point
所以我有一些 shared_mutex 并完成了这个: boost::upgrade_lock lock(f->mutex); boost::upgrade_to_un
我是一名优秀的程序员,十分优秀!