文档章节

让标签横向滑动 盒模型

书呆子拍皮球
 书呆子拍皮球
发布于 2016/06/21 17:49
字数 189
阅读 37
收藏 0
点赞 0
评论 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
唐山
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
关于CSS中的水平/垂直居中问题

关于css中的水平、垂直居中问题,我想大家也经常遇到过,而且这也是实用性比较高的用法,那么究竟有多少种方法呢?这边编者就做个小小的总结,有什么不足之处,还望大家多多指出。。。 一、横...

FT_Christ
2014/05/06
0
0
来一次开箱对比:小米手机 vs 魅族 M9

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

红薯
2011/08/31
4.2K
20
300+Jquery, CSS, MooTools 和 JS的导航菜单资源(总有一个适合你!)

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

晨曦之光
2012/03/09
0
0
CSS 基础入门语法

盒模型--边框 盒子模型的边框就是围绕着内容及补白的线,这条线你可以设置它的粗细、样式和颜色(边框三个属性)。 如下面代码为 div 来设置边框粗细为 2px、样式为实心的、颜色为红色的边框:...

御前带刀红衬衫
2016/07/28
15
0
Android实用视图动画及工具系列之七:可定制Tab标签栏,ViewPaper和Fragment滑动标签视图

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

jaikydota163
2016/08/02
0
0
Android滑动冲突处理

在我们平时项目开发的过程中,是不是会遇到滑动View之间的相互嵌套,比如外部的Scrollview或SwipeRefreshLayout嵌套内部的Viewpager或横向Recyclerview,如外部Viewpager嵌套内部Viewpager。...

翻滚吧李博
2017/12/14
0
0
想象一双结实而富有弹性的大腿:理解 Flexbox 布局

说明 本站不支持 CodePen 的脚本插入,可以到我的博客阅读直接显示示例代码的版本。 Flexbox 让人困惑 有很多谈及 Flexbox 的文章,但依然有不少前端对此感到困惑。一方面,flex 相关的 CSS ...

天方夜
07/04
0
0
【deeplearning.ai】深度学习(7):卷积神经网络的应用

深度学习(7):卷积神经网络 认识了解了卷积神经网络的工作原理及其一些经典的网络结构后,这里介绍如何应用卷积神经网络,实现目标检测、人脸识别及神经风格转换。 目标检测 图像识别中,目标...

Hugsy
03/17
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

Activiti - 新一代的开源 BPM 引擎

Activiti 背景简介、服务和功能介绍 董 娜, 狄 浩, 和 张 晓篱 2012 年 7 月 23 日发布 背景介绍 Activiti 其核心是 BPMN 2.0 的流程引擎。BPMN 是目前被各 BPM 厂商广泛接受的 BPM 标准,全...

孟飞阳
12分钟前
0
0
最有效的方式来适配

最有效的方式来进行屏幕适配 在上代码之前先把屏幕相关的几个概念搞清楚:Density、DensityDpi、ScaleDensity。这里我们不过多讲解这些概念知识。 1.0 获取设计图的屏幕尺寸:这里我以360dp...

android-key
14分钟前
0
0
微信授权代码翻译样本

var a,b,c,d = ngx.call(1,2,3)var e = [];var f ;var g = function () {}var h = 1;var c = "abcdefg" + "222";var d = "asdasdasd" + a;var a = ngx >>> log();//......

钟元OSS
16分钟前
0
0
5、二维码生成工具类

一、maven引入依赖jar包 <dependency><groupId>com.google.zxing</groupId><artifactId>core</artifactId><version>3.1.0</version></dependency><dependency><groupId>com.......

丑陋的皮囊
16分钟前
0
0
正则表达式

以前用正则表达式很少,大部分情况下matches一下就好了,这次遇到的情况比较特殊,因为对截取出来的数据比较敏感(日期),所以就重新熟悉了一下,感觉有必要记录一下: /** * 从字符串中...

lost_keke
19分钟前
1
0
Java语言学习(十一):枚举类型和泛型

Java中一个重要的类型:枚举,它可以用来表示一组取值范围固定的变量,使用 enum 关键字定义枚举类型,其中元素不能重复,通常大写表示。利用Java的反射机制,可以在运行时分析类,如查看枚举...

海岸线的曙光
21分钟前
0
0
XGboost调参

参见 :https://blog.csdn.net/u010665216/article/details/78532619?utm_source=debugrun&utm_medium=referral 待补充...

小叮当_加V
29分钟前
0
0
Vue使用问题解决记录(持续更新)

1 this属性调用无效 this在methods中的方法表面调用,表明调用的是当前vue对象. 但在方法内部的方法中调用时,所指便不再是vue对象,可能式窗口本身. 此时建议,在methods中的方法开始时写: var...

社哥
29分钟前
0
0
美国最新超级计算机Summit顶替中国神威超算榜首位置[图]

美国最新超级计算机Summit顶替中国神威超算榜首位置[图]: 2018年6月8日,美国能源部橡树岭国家实验室宣布,制造出了全世界目前最快的超级计算机Summit,顶替了中国“神威太湖之光”在超算排...

原创小博客
32分钟前
1
0
WARNING: REMOTE HOST IDENTIFICATION HAS CHANGED!

背景 ssh登录的时候,出现的错误: zylMBP:Downloads zhangyalin$ ssh root@192.168.56.108@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ WARNING: REMOTE HOST IDENT......

亚林瓜子
34分钟前
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部