posts - 110, comments - 101, trackbacks - 0, articles - 7
  BlogJava :: 首页 :: 新随笔 :: 联系 :: 聚合  :: 管理

可用于淘宝自定义区表格布局 div li css 实现表格布局 可插入图片

Posted on 2011-04-02 09:26 云云 阅读(4762) 评论(2)  编辑  收藏

最近搞淘宝店铺的装修的时候 最初用table
后来觉得这种太土人了 而且不适合爬虫抓取
所以改用div+css
在网上找了很多 都不适我的要求 改起来又闲麻烦
下面这个也是摘取别人的现成的 放这里供大家分享


  <style type="text/css">
<!--
#box {width:750px;height:auto;}
#box ul {margin:0px;padding:0px;}
#box li {margin:2px;padding:5px;float:left;width:110px;height:110px;border:1px solid red;}
-->
</style>
<div id="box">
    <ul>
        <li>内容</li>
        <li>缩小窗口看看</li>
        <li>内容</li>
        <li>内容</li>
        <li>内容</li>
        <li>内容</li>
        <li>内容</li>
        <li>内容</li>
        <li>内容</li>
        <li>内容</li>
        <li>内容</li>
        <li>内容</li>
        <li>内容</li>
        <li>内容</li>
        <li>内容</li>
        <li>内容</li>
    </ul>
<div>

评论

# re: 可用于淘宝自定义区表格布局 div li css 实现表格布局 可插入图片   回复  更多评论   

2011-04-02 17:16 by 云云
@大哥电影网
如果是用于淘宝的自定义区的话 标准版 需要将css新式内嵌
比如<div style="width:750px;"></div>

# re: 可用于淘宝自定义区表格布局 div li css 实现表格布局 可插入图片   回复  更多评论   

2011-04-07 20:02 by durex
将css新式内嵌,div代码少，显示快，不像tab要最后一个标记下载完，才全部显示

只有注册用户登录后才能发表评论。
网站导航: