文档章节

让标签横向滑动 盒模型

书呆子拍皮球
 书呆子拍皮球
发布于 2016/06/21 17:49
字数 189
阅读 38
收藏 0

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <style type="text/css">
        .box {
            width: auto;
            height: 96px;
            background-color: #f0f0f0;
            margin: 0 32px;
            overflow: auto;
            padding: 0;
        }
        .list {
            list-style-type: none;
            /*width: 3000px;*/
            margin: 0;
            padding: 0;
            display: -webkit-box;
            display: -moz-box;
        }
        .line {
            margin: 0;
            *display: inline;              //     让元素变成行内元素
            vertical-align: top;
            padding: 0 16px;
            height: 96px;
            line-height: 96px;
            font-size: 24px;
        }
    </style>
</head>
<body>
<div class="box">
    <ul class="list">
        <li class="line">子元素</li>
        <li class="line">子元素</li>
        <li class="line">子元素</li>
        <li class="line">子元素</li>
        <li class="line">子元素</li>
        <li class="line">子元素</li>
        <li class="line">子元素</li>
        <li class="line">子元素</li>
        <li class="line">子元素</li>
        <li class="line">子元素</li>
        <li class="line">子元素</li>
        <li class="line">子元素</li>
        <li class="line">子元素</li>
        <li class="line">子元素</li>
    </ul>
</div>
</body>
</html>

© 著作权归作者所有

共有 人打赏支持
书呆子拍皮球
粉丝 2
博文 42
码字总数 5423
作品 0
唐山
IOS用Tableview实现自定义柱形图(可左右滑动)

要用Tableview实现左右滑动的柱形图 其实并不难 首先咱们上下效果图: 这里是一些自定义参数: 我们分成几个步骤来实现 1.布局 2.绘制x和y轴的线 3.绘制y轴上的标签 4.绘制各个柱状图 5.绘制...

一个积极向上的码农
08/10
0
0
RCNN学习笔记(7):Faster R-CNN 英文论文翻译笔记

Faster R-CNN: Towards Real-Time Object Detection with Region Proposal Networks Shaoqing Ren, Kaiming He, Ross Girshick, Jian Sunreference link:http://blog.csdn.net/liumaolincyc......

u011534057
2016/04/27
0
0
IE浏览器和CSS盒模型

IE浏览器和更符合WEB标准的现代浏览器之间的差别在CSS盒模型这个问题上为很多前端初学者制造了不少的麻烦。因为盒模型是浏览器用来计算元素总宽度和高度的保证,所以就不难理解为什么当浏览器...

黄金林
2016/12/20
4
0
300+Jquery, CSS, MooTools 和 JS的导航菜单资源(总有一个适合你!)

如果你是网站前端开发人员,那么对你来说,也许做一个漂亮导航菜单会很得心应手。今天为大家总结各种导航菜单的资源,以便让大家的网站前端开发的工作更方便更快速,只要选择现成的例子就可以...

晨曦之光
2012/03/09
0
0
来一次开箱对比:小米手机 vs 魅族 M9

文章来自 爱范儿 去年我做过魅族 M9 的系列评测之后,那个白色的包装盒一直完整地保留下来,说明书和充电器都是原封不动的。今天又收到了小米手机,既然都是具有争议的“高端国产智能手机”,...

红薯
2011/08/31
4.2K
20

没有更多内容

加载失败,请刷新页面

加载更多

Spring IOC实现原理

1、BeanDefinition 对依赖翻转模式中管理对象依赖关系的数据抽象 实现依赖翻转功能的核心数据结构 依赖翻转功能都是围绕对BeanDefinition 处理完成的 有了这些BeanDefinition 基础数据结构,...

职业搬砖20年
22分钟前
1
0
Python判断变量的数据类型的两种方法

1、isinstance(变量名,类型) def varargsql(self, sql, *args): if isinstance(args, tuple): self.cursor.execute(sql, args) self.conn.commit() 2、通过与其他已......

fang_faye
22分钟前
1
0
xml 转义特殊字符

XML中共有5个特殊的字符,分别是:&<>“’。如果配置文件中的注入值包括这些特殊字符,就需要进行特别处理。有两种解决方法:其一,采用本例中的特殊标签,将包含特殊字符的字符串封装起来;...

inidcard
23分钟前
1
0
Mysql中哪些sql 不会走索引

1. 索引列参与了计算 SELECT `sname` FROM `stu` WHERE `age`+10=30; 2. 索引使用了函数运算 SELECT `sname` FROM `stu` WHERE LEFT(`date`,4) <1990; 3. like SELECT * FROM `houdunwang` W......

ChyiHuang
32分钟前
2
0
nginx 504 Gateway Time-out

打开nginx.config: 参数介绍: #设定http服务器http{include mime.types; #文件扩展名与文件类型映射表default_type application/octet-stream; #默认文件类型#charset utf-8; #默...

lyle_luo
35分钟前
1
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部