
html
meiwan123
这个作者很懒,什么都没留下…
展开
-
媒体查询 @media 计算宽高的方法
媒体查询 @media 计算宽高的方法先看代码<img class="img_l" src="../../../static/img/homemian.png" alt="">.img_l { position: absolute; top: 46px; right: 0px; width: 1141px; height: 594px;}@media screen and (max-width: 1367px) { .im原创 2020-05-28 20:03:44 · 1667 阅读 · 0 评论 -
绝对定位的盒子怎么居中css
div{ width: 600px; height: 60px; background: #13ce66; position: absolute; left: 50%; top: 0; margin-left: -300px; /*组件真实宽度的一半 这里是600的一半*/}当作公式记录下来,就是left: 50%; margin...原创 2019-08-16 11:40:55 · 590 阅读 · 0 评论 -
css 背景图片居中的方法
直接一句代码搞定哈.botoom-inner{ background: url(../images/logo.jpg) no-repeat top center;}宽高自己定就行了 希望对小白有帮助原创 2019-07-25 11:24:25 · 9787 阅读 · 0 评论 -
jqPaginator分页的使用方法
简要教程jqPaginator.js是一款强大的jquery分页插件。该jquery分页插件简洁大方,可以高度自定义,适用于多种场景。在页面中引入jquery和jqPaginator.js文件。<script src="js/jquery.min.js"></script><script src="js/jqPaginator.js">&l...原创 2019-07-01 17:39:59 · 8735 阅读 · 0 评论 -
vue怎么监听一个回车事件?
<div id="app"> <input placeholder="请输入账号" type="text"> <input placeholder="请输入密码" type="password" @keyup.enter="login"> <button @click原创 2018-12-12 11:59:14 · 3776 阅读 · 0 评论 -
如何让固定宽度的li自动换行,表格内,内容自动换行
一、在做项目中,涉及到页面显示,想把所有结果显示出来,希望超过宽度后 自动换行。但是总是不行,最后查找了下 资料 才发现只要为li添加一个属性就可以了。.link-m1 ul li{ float:left; margin:2px 5px; list-style:none; display:block; white-space: nowrap;}width: 200rpx; 宽度一...转载 2018-10-23 10:57:18 · 2840 阅读 · 2 评论 -
使用Flex布局让元素保持在页面组件固定在底部
<div class='flex-box'> <div class='variable'></div> <div class='bottom'></div></div>可以让上面的元素flex-start, 下面的元素flex-end .flex-box { display: flex;...原创 2018-10-19 17:24:14 · 18230 阅读 · 0 评论 -
HTML+CSS底部footer两种固定方式
网页常见的底部栏(footer)目前有两种:一、永久固定,不管页面的内容有多高,footer一直位于浏览器最底部,适合做移动端底部菜单,这个比较好实现;(向立凯)二、相对固定,当页面内容高度不沾满浏览器高度,footer显示在浏览器底部,且不会出现滚动条,如果页面内容高度超出浏览器高度,footer则相对与内容的最底部,并且自动出现滚动条;(向立凯)废话不多说,可以直接复制代码查看效果...转载 2018-10-19 17:20:30 · 945 阅读 · 0 评论 -
将img设置成div的背景
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> &am转载 2018-10-19 17:17:46 · 3535 阅读 · 1 评论 -
vue.js 选项卡切换 对img设置不同的图片
<img id="img_shared" :src="shared" style="margin-left: 25px;" >给img标签设置src引入两张图片 选项卡切换的时候 设置不同的图片import shared_nor from '../../assets/shared_nor.png'import shared_hover from '../../a...原创 2018-09-14 14:10:12 · 4293 阅读 · 3 评论 -
vetur插件提示[eslint-plugin-vue] [vue/require-v-for-key] Elements in iteration expect to.......错误
在vscode下编辑vue报错提示,遂记录下这个错误,以便日后再犯:[vue-language-server] Elements in iteration expect to have 'v-bind:key' directives.Renders the element or template block multiple times based on the source data修...原创 2018-09-14 10:29:07 · 1487 阅读 · 0 评论 -
图片和span水平垂直居中问题(主要解决小图标+文字水平垂直居中的问题)ivew 中的upload的 同样适用哈
最近遇到一个问题,在一个span中有img并且有文字,结果不管怎么设置,Img总是高出来一截,特别的不好看。找到一个方法。如下:可以在IMG标签下添加align=absmiddle属性即可实现,但align=absmiddle属性在W3C验证下通不过,但可以用CSS来代替IMG的align=absmiddle属性来实现垂直居中。<Upload action="//jsonplace...转载 2018-09-13 15:07:27 · 1108 阅读 · 0 评论