账号通
    

账号  

密码  

1965

查看

3

回复
主题:[求助]CSS样式 [收藏主题] 转到:  
ddyx 当前离线

190

主题

0

广播

0

粉丝
添加关注
级别:一年级

用户积分:1803 分
登录次数:238 次
注册时间:2007/7/6
最后登录:2011/9/25
ddyx 发表于:2010/7/17 9:25:35   | 只看该作者 查看该作者主题 楼主 
那位高手朋友能够教我下如何用CSS样式控制行和列,我不要太多理论的东西,直接给个代码也行,谢谢
 
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
一生有你 当前离线

10439

主题

0

广播

18

粉丝
添加关注
级别:版主

用户积分:72521 分
登录次数:1969 次
注册时间:2006/7/1
最后登录:2021/8/25
一生有你 发表于:2010/7/17 10:12:09   | 只看该作者 查看该作者主题 沙发 
HTML code

<div id="leftDiv">左列</div>

<div id="middleDiv">中列</div>

<div id="rightDiv">右列</div>



用float

CSS code

#leftDiv{  float:left;  width:25%;

}

#middleDiv{  float:left;  width:50%;

}

#rightDiv{  float:right;  width:20%;

}







依次类推,需要多少列,都设float一样就可以了。

 
我爱世界杯,我爱KesionCMS.
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
一生有你 当前离线

10439

主题

0

广播

18

粉丝
添加关注
级别:版主

用户积分:72521 分
登录次数:1969 次
注册时间:2006/7/1
最后登录:2021/8/25
一生有你 发表于:2010/7/17 10:13:48   | 只看该作者 查看该作者主题 藤椅 
做在线知识付费 选科汛云开店
再比如li输出的

HTML Code

<div class="myclass">
<ul>
<li>....</li>
<li>....</li>
  ....
<li>....</li>
</ul>
</div>


css Code

.myclass{wdith:800px}
.myclass li{float:left;width:200px }  /*刚好4列*/
 
我爱世界杯,我爱KesionCMS.
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
ddyx 当前离线

190

主题

0

广播

0

粉丝
添加关注
级别:一年级

用户积分:1803 分
登录次数:238 次
注册时间:2007/7/6
最后登录:2011/9/25
ddyx 发表于:2010/7/30 17:14:52   | 只看该作者 查看该作者主题 板凳 
科汛在线网校系统
谢谢一生有你耐心的回复,其实我还是看不懂,哈哈,不过我一个个试,总算好了,我也搞不懂为什么,我用productsearch li{width:33%;float:left;}这个不行,调成.productsearch li{width:33.33%;float:left;}就可以了。
看来CSS我还得重新学,不过年纪大了,不容易学,嘻嘻,以后再说。我也不想帮别人做网站,自己用即可。
再次谢谢您的指点
 
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
<上一主题 | 下一主题 >
Powered By KesionCMS Version X1
厦门科汛软件有限公司 © 2006-2016 页面执行0.14063秒 powered by KesionCMS 9.0