html
艳妮子Yeah
艳妮子的小笔记本
展开
-
可编辑可选择的下拉框
需求说明:创建一个下拉框,选择option后,可以对选中的内容进行编辑,如下图实现思路:用一个input视线编辑功能,border隐藏,在视觉上认为是selet实现编辑功能。select触发change事件时,将value(选中的option)填入到input中代码:<!DOCTYPE html><html><head> <title>可编辑可...原创 2018-06-19 15:42:34 · 8224 阅读 · 0 评论 -
打印表格,保证tr中间不分页
参考:https://cdc.tencent.com/2014/08/19/print-%E8%A2%AB%E5%9F%8B%E6%B2%A1%E7%9A%84media-type/整体思路:设置tr内部不分页,给td设置右下边框,再给第一列和末行的td分别设置border-left和border-bottom来充当table的左下边框。最后设置表头样式为一条线,充当表格的上边框,设置每页打...原创 2019-03-11 10:52:27 · 2886 阅读 · 3 评论 -
自适应图片布局
1、为什么要给图片留出加载空间?为图像指定 height 和 width 属性是一个好习惯。如果设置了这些属性,就可以在页面加载时为图像预留空间。如果没有这些属性,浏览器就无法了解图像的尺寸,也就无法为图像保留合适的空间,因此当图像加载时,页面的布局就会发生变化,这样会影响加载速度的页面效果,最好的办法就是给图片留出空间,使加载图片过程中不影响图片下方内容的渲染。2、通过padd...原创 2019-10-08 14:20:41 · 1042 阅读 · 0 评论