-
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
