分类: HTML/CSS

页面布局中常用的清除浮动的方法

我们在页面布局时,基本上避免不了使用float,但由此也会引发一些问题,尤其是在容器高度不固定时,此时它的高度完全是由内部的元素撑开的。如果内部元素还是浮动的,那么由于内部的元素脱离了文档流,父容器就不能被撑开了。如果父容器设置的有背景或者边框的话,此时就不能正常显示了,另外,父容器下边的其他容器或内容也会跟着向上“浮”, 占据上面的子容器应该占据的位置。那么,这时就需要清除浮动了。

页面布局中常用的清除浮动的方法

HTML5 History API

HTML5 History API提供了无刷新操作浏览器url的能力,它在原来window.history对象的基础上进行了扩展,添加了pushState()及replaceState()这两个方法,用于改变浏览器url。

CSS 垂直居中总结

CSS垂直居中总结,包括文字、图片、div。 相关知识点: CSS文字垂直居中 CSS图片垂直居中 这篇主要内容是关于div的垂直居中。

HTML5 拖拽上传图片,可以多张同时上传

在HTML5中,使用DataTransfer对象中提供的方法,可以实现浏览器与其他应用程序之间文件的拖动。虽然HTML4之前的版本也支持拖放数据的操作,但仅局限于浏览器中,不支持浏览器之外的数据。

HTML5 拖拽上传图片,可以多张同时上传

CSS 文字环绕图片

文字环绕是Microsoft Office Word软件的一种排版方式,主要用于设置Word文档中的图片、文本框、自选图形、剪贴画、艺术字等对象与文字之间的位置关系。一般包括四周型、紧密型、衬于文字下方、浮于文字上方、上下型、穿越型等多种文字环绕方式。