一.发送效果 HTML <div id="send-btn"> <button> // 这里是一个svg的占位 Send </button> </div> CSS #send-btn{ display: flex; align-items: center; justify-content: cent ...
分类:
Web程序 时间:
2020-09-09 18:51:19
阅读次数:
50
可能在初学前端的同学,会有以下疑惑: (没错,那同学就是我) 1、为什么在浮动元素的父元素上添加overflow:hidden,能处理高度塌陷? 2、遇到外边距合并,为什么要在父元素上添加overflow:hidden能解决? 首先来了解下 什么是BFC吧! 1、按我的理解,BFC是一个大的隔离独立 ...
分类:
其他好文 时间:
2020-08-26 19:00:24
阅读次数:
63
本教程案例在线演示有路网PC端有路网移动端免费配套视频教程免费配套视频教程教程配套源码资源教程配套源码资源制作有路网水平导航菜单category-nav.css.red-nav{height:38px;background-color:#d80000;width:100%;}.red-navul{display:flex;width:1200px;margin:0auto;}.red-navli{
分类:
移动开发 时间:
2020-08-13 22:23:09
阅读次数:
137
场景 使用了第三方的组件UI,在调用事件时想要获取事件的默认值及默认值之外的其他参数值,如:index 代码如下: <div style="display: flex; padding-top: 20px;" v-for="(date, index) in dynamicFormData.dates ...
分类:
其他好文 时间:
2020-08-07 12:33:37
阅读次数:
93
现在写法: display: flex;flex-direction: row;justify-content: center;align-items: center; 对应旧的写法:display: -webkit-flex;-webkit-flex-direction: row;-webkit- ...
分类:
其他好文 时间:
2020-08-05 19:41:56
阅读次数:
71
1.4.2之后官方并没有做功能的改动,1.4.2在word复制这块没有bug,其他版本会出现手动无法转存的情况 本文使用的后台是Java。前端为Jsp(前端都一样,后台如果语言不通得自己做 Base64编码解码) 因为公司业务需要支持IE8 ,网上其实有很多富文本框,效果都很好。 例如www.wan ...
分类:
Web程序 时间:
2020-08-03 09:52:10
阅读次数:
234
HTTP(S)协议概述 HTTP协议 HTTP(HyperText Transfer Protocol)超文本传输协议 定义: ? -规定了浏览器和服务器之间相互通信的规则 ? -万维网交换信息的基础 ? -允许将HTML文档从Web服务器传送到Web浏览器 特点: ? -HTTP协议建立在TCP协 ...
分类:
Web程序 时间:
2020-07-30 01:15:20
阅读次数:
265
看到一道面试题,用flex布局九宫格,决定自己实现一下 ###基础版 .father { display: flex; /*必须给宽高把盒子撑起来,然后调整width可看是否要正方形*/ width: 300px; height: 300px; flex-direction: column; } . ...
分类:
其他好文 时间:
2020-07-29 21:45:05
阅读次数:
57
应用技术:jQuery、tooltip、align-items 代码: 1、样式设置 <style> .year-outer-bar { position: relative; display: flex; align-items: flex-end; 侧轴终点对齐弹性盒的各项元素,必须与flex搭 ...
分类:
其他好文 时间:
2020-07-29 21:23:02
阅读次数:
75
flex 布局 Flex :Flexible box 弹性布局,用来为盒装模型提供最大的灵活性。任何的容器都可以指定为Flex布局 .box{ diaplay:flex; ] 行内元素可以使用flex布局 .box{ display:inline-flex } 传统的布局时基于盒装模型 https: ...
分类:
其他好文 时间:
2020-07-29 14:33:40
阅读次数:
63