如何让相同样式的层并列

zt715 2009-12-25 02:18:43

我的意思是有多个div
其中一个div为content，其他的是子层，但样式表相同，不过想将它并列排列，改如何做，我写的代码如下：

<style type="text/css">

</style>

<div id="indexHousePic" align="center">
<div class="ShowHousePic">test</div><div class="ShowHousePic">123</div>
<div class="ShowHousePic">14</div>
<div class="ShowHousePic">4124</div>
</div>

我想将那4个div并列排列，改如何设置css？

...全文

49 2 打赏收藏转发到动态举报

写回复

用AI写文章

2 条回复

切换为时间正序

请发表友善的回复…

发表回复

夜雨_Jason 2009-12-25

打赏
举报



<!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>无标题文档</title>

<style type="text/css"> 

<!-- 

#indexHousePic { 

position:absolute; 

width:676px; 

height:200px;

text-align:center;

} 

.ShowHousePic {  

width:25%; 

height:200px; 

float:left; 

display:inline;

overflow:hidden;

} 

--> 

</style> 

<script type="text/javascript">





</script>

</head>



<body>

<div id="indexHousePic"> 

  <div class="ShowHousePic">test </div> 

  <div class="ShowHousePic">123 </div> 

  <div class="ShowHousePic">14 </div> 

  <div class="ShowHousePic">4124 </div> 

</div> 

</body>

</html>