文档章节

让标签横向滑动 盒模型

书呆子拍皮球
 书呆子拍皮球
发布于 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
300+Jquery, CSS, MooTools 和 JS的导航菜单资源(总有一个适合你!)

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

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

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

红薯
2011/08/31
4.2K
20
Android实用视图动画及工具系列之七:可定制Tab标签栏,ViewPaper和Fragment滑动标签视图

实现效果 功能说明 本视图工具根据PagerSlidingTabStrip改编优化,修复了部分Bug和增加了更多自定义选项,让PagerSlidingTabStrip变得更漂亮实用。关于PagerSlidingTabStrip,它是配合ViewP...

jaikydota163
2016/08/02
0
0

没有更多内容

加载失败,请刷新页面

加载更多

图形用户界面和交互输入方法---图形数据的输入功能

图形数据的输入功能 输入模式 回显反馈

中国龙-扬科
2分钟前
0
0
互联网企业安全之端口监控

背景 外网端口监控系统是整个安全体系中非常重要的一环,它就像眼睛一样,时刻监控外网端口开放情况,并且在发现高危端口时能够及时提醒安全、运维人员做出相应处理。 对安全人员来说,互联网...

Skqing
4分钟前
0
0
JavaMonitor

常规监控jvm,都是比较麻烦的。但是今天在开源中国,看到了一个web版的javaMonitor。 虽然要在服务器上安装,但是这样的话,大家都能看见了。所以还是非常six的。 发现写了这个的博主也是非常...

miaojiangmin
8分钟前
0
0
Redis实践系列丨Codis数据迁移原理与优化

Codis介绍 Codis 是一种Redis集群的实现方案,与Redis社区的Redis cluster类似,基于slot的分片机制构建一个更大的Redis节点集群,对于连接到codis的Redis客户端来说, 除了部分不支持的命令外...

中间件小哥
8分钟前
0
0
HTTP常用状态码(14种)

类别 原因短语 1xx 信息型状态码 接收的请求正在处理 2xx 成功状态码 请求正常处理完毕 3xx 重定向状态码 需要进行附加操作以完成请求 4xx 客户端错误状态码 服务器无法处理请求 5xx 服务器错...

vio小黑
15分钟前
0
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部