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;对其子集添加浮动清除效果后,就不会影响到后面的内容了。
-
godaddy域名解析教程
发现还有很多朋友对godaddy控制面板不熟悉,一些很简单的方法站长还不会操作,下面一步步讲述godaddy域名解析的方法。步骤/方法(01)进入godaddy官网,登录,点击主菜单MyAccount,(可选:然后点击子菜单MyProducts):(02)进入godaddymyaccount账户后点击左边栏Domainmanager,进入d...
-
怎么在qq空间制作腾讯认证图标
在自己的空间添加腾讯认证图标,图标无法下载的找我拿QQ704396659操作方法(01)1.先下载【腾讯认证标识】:单击右键,复制图片就可以。。。(02)2.上传空间:点击“设置”(图中标注的地方),再选择“修改资料”,再选择“空间资料”(在左下方)。接下来,让空间名称的前面留一个空格,用Q...
-
阿里鱼卡怎么设置UC免流量?
前段时间阿里联合电信通UC浏览器、优酷视频、虾米音乐、高德地图、书旗小说等多个阿里系APP联合推出阿里鱼卡系列,提供上述APP下的流量免费服务。虽然服务是好,但是如果你不在手机上进行设置入口,流量就依然无法被免除,今天就简单说下UC浏览器如何设置免流量服务。...
-
怎样使用搜狗微信公众平台搜索教程
2014年06月9日微信正式开启搜索时代。用户可以在电脑上搜索微信公共号和文章;大大加快了微信公众平台的曝光度和传播速度。下面讲下怎样使用微信搜索引擎。操作方法(01)打开搜狗微信搜索();如下图:(02)输入想要搜索的微信公众平台;例如:思维与逻辑;如下图:(03)输入完成之后,点...