H5+CSS
文章平均质量分 53
卷毛崽
这个作者很懒,什么都没留下…
展开
-
meta print 设置打印时样式
meta print 设置打印时样式背景实现背景遇到一个胡搅蛮缠的客户,各种出乎意外的需求,前面提了各种各样的需求,又要求能够打印网页,但是由于跟前面提的各种浮窗定位冲突了,请教了我的老大,又是偷学的一天.因为定位,滚动的区域我是写的一个div,跟整个网页的页面同宽高,这样我滚动的区域就不是html而是我这个div,当打印时,就只会截取当前页面。利用media适配对打印的样式进行调整实现@media print里面的内容只对打印出来的内容有效,之外的内容就是屏幕显示的样式。 @media p原创 2022-01-05 10:08:40 · 910 阅读 · 0 评论 -
表单不能更改-Readonly和Disabled的区别
Readonly和Disabled的作用都是使用户不能更改表单域中的内容两者的区别1、对应表单标签不同Readonly 只针对input(text/password)和textarea有效,而disabled对于所有的表单元素有效,包含select,radio,checkbox,button等,在选择时需要按照标签进行选择;2、提交是否被传递在表单元素使用disabled后,表单以Post、Get等方式提交的话,这个被使用了disabled的值不会被传递出去,而readonly会将该值传递出去原创 2021-09-14 09:39:38 · 149 阅读 · 0 评论 -
vue、Element 点击按钮以弹窗形式预览pdf文件
原文链接<div > <el-button type="success" size="small" @click="isViewPdf20 = true" >按钮</el-button></div><el-dialog title="预览文件" :visible.sync="isViewPdf20" :before-close="handleClose" :fullscreen="true"> <ifram转载 2021-08-19 20:37:56 · 3387 阅读 · 0 评论 -
css-元素绝对居中
首先父元素为相对定位子元素为绝对定位,并对子元素进行平移进行居中图示如下原创 2021-08-13 19:54:10 · 86 阅读 · 0 评论 -
div拖拽左右移动
clientWidth =width+左右paddingoffsetWidth=width+左右padding+左右bordersrollWidth:指定标签内容曾的真实宽度,包含可视区域和被隐藏区域offsetLeft:当前元素 左边框 外边缘 到 最近的已定位父级(offsetParent) 左边框 内边缘的 距离。如果父级都没有定位,则分别是到body 顶部 和左边的距离原生JS案例(面向对象)——按住鼠标实现左右拖动列表JS中的位置和宽度:clientWidth、of原创 2021-07-30 11:35:47 · 1766 阅读 · 0 评论 -
CSS-FLEX布局
flex布局简介Flex 布局教程:实例篇原创 2021-07-27 18:02:07 · 61 阅读 · 0 评论 -
利用css使绝对/相对定位div左右垂直居中
参考链接1参考链接2例子1:外层div为相对定位,里层div为绝对定位,设置里层div左右垂直居中于外层div以上代码可以将子div在父div中水平垂直居中对齐,下面就简单介绍一下几个要点:1.父元素是使用相对定位,这样子元素就可以以它作为位移参考对象。2.top属性值计算方式:父元素的高度/2-子元素高度/2,left属性值计算方式:父元素宽度值/2-子元素宽度值/2。<!DOCTYPE html><html> <head> <meta原创 2021-07-13 09:17:44 · 4831 阅读 · 0 评论 -
innerhtml和doucument.write()的区别
@TOCinnerhtml和doucument.write()的区别(1)doucument.write()只能在 HTML 输出中使用 document.write。如果您在文档加载后使用该方法,会覆盖整个文档。示例:原创 2021-03-12 15:13:21 · 249 阅读 · 0 评论 -
2021-01-29 h5+css 伸缩导航栏
1、参考资料(1)视频教程,取自b站(2)css3中calc、vw、vh、vmin、vmax 属性的应用及兼容性2、知识点(1)快捷键使用快捷生成html标签 参考如下.navbar>input:checkbox+span2+ul>li5(2)css样式1、vhVh:相对于视框的高度:视框高度是100Vh;“视区”所指为浏览器内部的可视区域大小,window.innerWidth/window.innerHeight大小,不包含任务栏标题栏以及底部工具栏的浏览器区域大小2、原创 2021-02-02 16:30:10 · 1059 阅读 · 0 评论