文档章节

让标签横向滑动 盒模型

书呆子拍皮球
 书呆子拍皮球
发布于 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.绘制...

一个积极向上的码农
2018/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
来一次开箱对比:小米手机 vs 魅族 M9

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

红薯
2011/08/31
4.2K
20
IE浏览器和CSS盒模型

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

黄金林
2016/12/20
4
0
Android实用视图动画及工具系列之七:可定制Tab标签栏,ViewPaper和Fragment滑动标签视图

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

jaikydota163
2016/08/02
0
0

没有更多内容

加载失败,请刷新页面

加载更多

TiDB 源码阅读系列文章(二十四)TiDB Binlog 源码解析

作者:姚维 TiDB Binlog Overview 这篇文章不是讲 TiDB Binlog 组件的源码,而是讲 TiDB 在执行 DML/DDL 语句过程中,如何将 Binlog 数据 发送给 TiDB Binlog 集群的 Pump 组件。目前 TiDB 在...

TiDB
13分钟前
0
0
Oracle第三方工具PLSQL注册码

注册码: Product Code:4t46t6vydkvsxekkvf3fjnpzy5wbuhphqz serial Number:601769 password:xs374ca 这个注册码是PLSQL 11版本通用的,刚刚在官网下载了最新版11.0.6版,用 此激活码成功...

小橙子的曼曼
15分钟前
0
0
深度学习为图片人物换装【python代码教程】

在观看本文之前,请答应我要善良。昨天预告了下,发现很多同学对这个模型都表示出兴趣,甚至有好多同学后台发来照片让我帮他们脱裤子。授人以鱼不如授人以渔,请这些同学好自为之~ 01效果演示...

阿里云官方博客
35分钟前
4
0
centos7安装RabbitMQ详细过程

由于RabbitMQ是基于Erlang语言开发,所以在安装RabbitMQ之前,需要先安装Erlang 1、环境: centos 7.1 内核版本3.10.0-229.el7.x86_64 Erlang 19.0.4版本 RabbitMQ 3.6.14版本 2、在线安装E...

秋至丶枫以落
今天
1
0
6个使用KeePassX保护密码的技巧

虽然安全是个深奥的主题,但是你可以遵循几个简单的日常习惯来减小攻击面。本文将解释确保密码信息安全的重要性,并给出如何充分利用KeePassX的建议。 日益互联的数字世界使安全成为一个重要...

Linux就该这么学
今天
1
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部