HTML中overflow-hidden的基础用法
overflow:hidden的字面意思就是隐藏溢出,就是如果超出设定范围的内容将被隐藏,这是其一种用法。
overflow:hidden的另一种是清除浮动。
方法1:隐藏溢出
(01)打开DW软件,新建html文件,然后建立代码如下:<div><img src="img/picture_01.jpg" alt=""></div>即在div框中插入一张图片
(02)对div进行修饰,对div设置的大小范围远远小于图片大小div{width:100px;height:100px;border:solid 1px red;margin:0 auto;}保存文件后,在浏览器预览效果,如图所示
(03)然后对div添加overflow:hidden;再预览效果.可以看到只显示限定的范围。
方法2:清除浮动
(01)如图在DW中建立属性,ul里面包含三张图片,然后在ul下面再建立一张图片,对li进行浮动后,就会对紧挨在后面的div图片产生影响<style>ul{margin:0;padding:0;list-style:none;overflow:hidden;}li{float:left;margin:10px;}</style></head><body><ul><li><img src="img/picture_09.jpg" alt=""></li><li><img src="img/picture_10.jpg" alt=""></li><li><img src="img/picture_11.jpg" alt=""></li></ul><div><img src="img/picture_12.jpg" alt=""></div></body>
(02)然后在父集ul添加overflow:hidden;对其子集添加浮动清除效果后,就不会影响到后面的内容了。
-
二十岁的某一天歌词意思
《二十岁的某一天》是花粥专辑的第一首单曲,也是花粥几年前最早被听众熟知的一系列歌曲之一。天桥边的男女花五块钱吃了一碗牛肉面,然后故事会有怎样?且听花粥不动声色娓娓道来。操作方法(01)花粥的歌,清新慵懒。二十岁的某一天,是其早期作品之一。其歌词如下:20岁的某...
-
人民币符号怎么打¥ word插入人民币符号?
人民币符号怎么打?我们在工作的时候,有时候需要在电脑上输入“¥”这个人民币符号,然而很多用户不知道该怎么输入,这给工作带来了很大的不便。其实人民币符号的输入方法很简单,下面小编给大家介绍几种输入方法。操作方法(01)使用输入法工具在中文状态下,使用Shift+$/4键,...
-
微信openid获取教程
用微信支付平台发放红包必须上传用户的微信openid,想要导出微信openid可以按以下步骤来做。操作方法(01)进入微信openid导出平台,根据下图1更新列表;2刷新粉丝信息;3导出数据;(02)获得的微信平台openid数据如下(03)把openid拷贝到t型台文件里,格式如下。(04)导入到微信商户平...
-
谷歌浏览器语言设置,谷歌浏览器如何更改语言
谷歌浏览器语言怎么设置,谷歌浏览器如何更改语言。虽然在国内,大多数人也都是用中文,但也不有少英语爱好者喜欢用外语,那么下面我就来说下谷歌浏览器语言怎么设置,谷歌浏览器如何更改语言。操作方法(01)首先点击打开GoogleChrome浏览器。(02)点击打开后,进入到我们最为习...