-
select下拉箭头样式重置
select{ appearance:none; -moz-appearance:none; -webkit-appearance:none; background: url("../images/xl_1.png") no-repeat scroll right center #fff; padding-right: 14px; } /*清除ie的默认选择框样式清除，隐藏下拉箭头*/ select::-ms-expand { display: none;...
-
超过固定宽度或行数显示“...”
做前端设计时，通常需要控制字符显示的宽度或者行数，多余字符通常以...替代；本文分两点情况来进行设置： 1、需要字符保持固定宽度，其余字符显示省略号(...); 1 .addclass{ 2 width: 600px; 3 overflow: hidden; //这个是设置隐藏的。还有其他的，例如scroll，是超出...
-
elementUI 2个输入框 时间区间月份选择
! DOCTYPE html html lang ="en" head meta charset ="UTF-8" title Title / title link rel ="stylesheet" href ="https://unpkg.com/element-ui/lib/theme-chalk/index.css" / head body div id ="reportApp" template el-form el-row el-col :spna ="12" el-form-it...
-
移动端使用rem.js,解决rem.js 行内元素占位问题
父级元素： letter-spacing: -0.5em;font-size: 0; 子级元素： letter-spacing: normal; display: inline-block; vertical-align: top; 即可解决。 问题剖析： 以input元素为例子：因为input元素是行内块元素，所以它所在的行会形成一个行框。然后行框的高度是和line-h...
-
前端 -- HTML
一. HTML介绍: HTML是什么? 超文本标记语言(Hypertext Markup Language),是一种用于创建网页的标记语言,不是编程语言 本质上是浏览器可识别的规则,我们按照规则写网页,浏览器根据规则渲染我们的网页.对于不同的浏览器,对同一个标签可能会有不同的解释. (兼容性问题) 网...
2019-08-14 09:42:07 html是什么html文档html常用标签html介绍文档文件ESET服务器定义word
-
element-ui文件上传 做类型大小的限制
上代码： div class ="filebox" el-upload class ="upload-demo" :action ="url" :on-preview ="handlePreview" :on-remove ="handleRemove" multiple :limit ="limitnum" :on-exceed ="handleExceed" :file-list ="fileList" :beforeUpload ="beforeAvatarUpload" el-...
-
下拉框等需要显示上下箭头切换的CSS样式
下拉框等需要显示上下箭头切换的CSS样式 1 .icon-right, .icon-down, .icon-up { 2 display : inline-block ; 3 padding-right : 13rpx ; 4 position : absolute ; 5 /* 组件内调整箭头的位置 */ 6 right : 20rpx ; 7 top : 10rpx ; 8 } 9 10 .icon-right::after, .ico...
-
vue.js 动态绑定class
1. 数据绑定 vue 指令以 v- 前缀标示，数据绑定的指令 v-bind:属性名 , 简写为 :属性名 , 简单的数据绑定例子如下： a v-bind:href="http://www.cnblogs.com/"博客园首页/a简写：a :href="http://www.cnblogs.com/"博客园首页/a 2. 动态绑定class vue 的分隔符默认是{{...
-
CSS flex 布局快速入门
以前已经学过flex了，一直没做笔记，现在做下笔记再回忆下。 首先，flex布局的迷之属性们，如果一知半解，机械记忆的话，那不到半个月基本忘光光。先感受一下这12个flex布局属性，是不是很迷人。 父容器属性 flex-flow flex-direction flex-wrap justify-content align...
-
一种业界通用的响应式布局解决方法
响应式布局能通吃pc端和移动端？ 不能。从排版上来说： pc端和移动端一般布局和显示方式差异十分巨大 。 （同一个页面在pc端和移动端的呈现方式和风格迥异） 另外从事件响应上来说：pc端主要是mouse事件，而移动端则是touch、tap、swipe等事件。 两者的事件响应机制完...
IDC资讯： 主机资讯 注册资讯 托管资讯 vps资讯 网站建设
网站运营： 建站经验 策划盈利 搜索优化 网站推广 免费资源
网络编程： Asp.Net编程 Asp编程 Php编程 Xml编程 Access Mssql Mysql 其它
服务器技术： Web服务器 Ftp服务器 Mail服务器 Dns服务器 安全防护
软件技巧： 其它软件 Word Excel Powerpoint Ghost Vista QQ空间 QQ FlashGet 迅雷
网页制作： FrontPages Dreamweaver Javascript css photoshop fireworks Flash