Question

我使用for循环在一行中显示div。第一个div显示完成但插入新的div。如何插入与第一个div相同的新div。提前致谢。现在这显示为 -

"first-div first-div first-div first-div first-div first-div first-div first-div "

现在我想在第一个div下面显示另一个div，使用相同的for循环。

我想要这样 -

"first-div first-div first-div first-div first-div first-div first-div first-div"

"minor-div minor-div minor-div minor-div minor-div minor-div minor-div minor-div"

CSS代码 -

#default-Div{
overflow-x: scroll;
width: 830px;
white-space:nowrap;
height: 110px;

}

.calender-column{
width:160px;
height:110px;    
border:1px solid #0174DF;
    display:inline-block;

PHP - HTML CODE -

<div id="default-Div"  >
<?php $temp=1; for($j=0;$j<30;$j++){?>

<div id="calender-column<?php echo $temp;?>" class="calender-column"   >

<?php $temp++; } ?>
</div>

Answer 1

您不能将display: inline;与width和height一起使用，因为这不再是内联的。您可以查看CSS Specification on display以获取更多详细信息。我只想说，display: inline;，这是不可能的。

值得庆幸的是，display的新（ish）属性值将完全符合您的要求：display: inline-block; - 在文档流中内联，但有点排序就像一个块级元素。

.calender-column{
width:160px;
height:110px;    
border:1px solid #0174DF;
    display:inline-block; }

......你会没事的。）

注意：唯一需要注意的是，inline-block在IE 6或7中不起作用。但是，您可以将显示更改为纯inline仅适用于这两个浏览器，因为它们会错误地呈现{ {1}} inline无论如何。

如何在单个div中显示两行div

1 个答案: