
前端相关
易米八一
这个作者很懒,什么都没留下…
展开
-
CSS 简单实现垂直居中,好理解好记忆
在CSS中对元素进行水平居中是非常简单的:如果它是一个行内元素,就对它的父元素应用text-align:center;如果它是一个块级元素,就对它自身应用margin:auto。然而如果要对一个元素进行垂直居中,就有些头皮发麻了。 本文来探讨几种实现垂直居中的方法,以下图作为起点。 <main> <h1>Am I centered yet?</h1> <p>Center ...原创 2020-08-25 16:39:56 · 722 阅读 · 0 评论 -
邮箱发送html邮件,遇到的问题(如阿里邮箱如何发送html邮件、qq向阿里发送邮件样式丢失等)解决方法
缘起公司要求制作html格式的邮件用来在邮箱里发送,要求要兼容各大主流邮箱,设计给了样式按照其实现后测试遇到诸多问题。一、阿里邮箱、outlook无法粘贴html源代码阿里和outlook邮箱发送html文件是直接打开你的html文件然后在网页中全选你的页面复制然后直接粘贴进去就可以发送的,不像qq和163可以复制自己源码进去直接生成的。二、div+css布局在阿里、outlook里会有各类问题,如样式丢失问题起初自己是使用div+css布局(css记得只能写行内,嵌入式和外联都是不允许的,js也原创 2020-07-08 16:13:00 · 6823 阅读 · 1 评论 -
js 打印插件(jQuery打印插件jqprint),样式不丢失,想打哪里就打哪里。
插件下载及使用方法介绍地址http://www.jq22.com/jquery-info347解决样式丢失按照上面方法配置好后发现样式会丢失,解决办法利用外链式CSS,将页面中的CSS复制一份到某个目录下<link media="print" rel="stylesheet" type="text/css" href="XXX.css">//注意一定要加media="print"这个就是打印预览页面的CSS,预览效果不理想通过这个样式文件调整。自己页面里的CSS是展示在浏览器上的样式转载 2020-07-01 13:03:57 · 2076 阅读 · 0 评论 -
html li div 遇到空格还没到头撑满自动换行解决办法
如下图一个li标签还没到头自动换行了:解决办法.listStyle li { margin-bottom: 3px; word-break: break-all; &原创 2020-07-01 12:50:09 · 914 阅读 · 0 评论 -
elementUI el-table 动态添加一行且保证每行数据相互独立,防止v-for影响每行
缘起刚接触vue+elementUI开发,项目开发中遇到一个问题要往一个表格中动态添加一行,其中一列要选择多个值插入抽象为下图。添加一个空行,实现方式<el-table :data="tableData" border height="300" style="width: 100%;" > table数据绑定在tableData上,tableData是一个空的数组类型,给添加按钮添加一个addData方法,方法如下addData(){ this.tableData.pus原创 2020-06-30 09:53:53 · 10607 阅读 · 1 评论 -
页面缩放导致布局变乱
给body加上一个min-width最小宽度,以px为单位,这样当页面变小时,当达到你所设置的最小宽度,body的宽度不再改变,超出的部分会用横向滚动条显示,其内所有元素的布局也不会受影响。转载 2020-06-07 16:54:14 · 2935 阅读 · 1 评论