CSS 实现盒子模型水平居中 水平居中效果图如下： HTML： CSS 全局样式： 方法一：使用margin: 0 auto;（只适用于子盒子有宽的时候） 方法二：text-align + display（子盒子有或没有宽度的时候都适用） 方法三：position 定位（只适用于子盒子有宽度和高度的时候） 方法...

2019-08-14 09:42:33

最近一个项目，多次遇到target='_self', target='_blank'的用法， 再次总结一下： 1. a标签 a href="xxxx" target="_self"XX/a a href="xxxx" target="_blank"XX/a 2. form标签 form name=alipayment action=alipayapi.jsp method=post target="_blank" (该代码来自支...

2019-08-14 09:42:32

相信不少朋友闲的时候就会使用金山打字通进行打字练习，昨天突发奇想，如何在打字过程中，也属性前端的关键字，所有就收集到了一些前端的关键字。我知道现在的编辑器都有提示功能，但是，也不能过分的依赖编辑器。 除空格外，共1347个字符，建议分成两个部分进行练习：...

2019-08-14 09:42:28

父级元素： letter-spacing: -0.5em;font-size: 0; 子级元素： letter-spacing: normal; display: inline-block; vertical-align: top; 即可解决。 问题剖析： 以input元素为例子：因为input元素是行内块元素，所以它所在的行会形成一个行框。然后行框的高度是和line-h...

2019-08-14 09:42:08

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;...

2019-08-14 09:42:24

做前端设计时，通常需要控制字符显示的宽度或者行数，多余字符通常以...替代；本文分两点情况来进行设置： 1、需要字符保持固定宽度，其余字符显示省略号(...); 1 .addclass{ 2 width: 600px; 3 overflow: hidden; //这个是设置隐藏的。还有其他的，例如scroll，是超出...

2019-08-14 09:42:20

! 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...

2019-08-14 09:42:08

一. HTML介绍: HTML是什么? 超文本标记语言(Hypertext Markup Language),是一种用于创建网页的标记语言,不是编程语言 本质上是浏览器可识别的规则,我们按照规则写网页,浏览器根据规则渲染我们的网页.对于不同的浏览器,对同一个标签可能会有不同的解释. (兼容性问题) 网...

2019-08-14 09:42:07

上代码： 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-...

2019-08-14 09:42:05

下拉框等需要显示上下箭头切换的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...

2019-08-14 09:41:56