随笔分类 -  布局问题

摘要:当input的type为number时会显示数字加减的上下箭头,这里把其去掉:input[type="number"]{ -moz-appearance: textfield; -webkit-appearance: none !important; } input::-webkit-inner-spin-button { -webkit-appearance: none !impo... 阅读全文
posted @ 2018-02-02 15:52 安静的嘶吼 阅读(654) 评论(0) 推荐(0) 编辑
摘要:移动端适配的解决方法: 方法1: 页面上写上如下meta标签,然后其他一切大小高宽以375px布局定死的值来写,px描述 <meta name="viewport" content="width=375,maximum-scale=4,user-scalable=no"> 方法2:rem //通过w 阅读全文
posted @ 2018-02-01 20:00 安静的嘶吼 阅读(242) 评论(0) 推荐(0) 编辑
摘要:html: css: js:选中的表达方式: 阅读全文
posted @ 2018-01-31 23:55 安静的嘶吼 阅读(5725) 评论(0) 推荐(1) 编辑
摘要:jQueryweui日历: ("#input-date-start-store").calendar(); //开始日期初始化 jQueryweui时间:("#input-time-start-store").picker({ //开始时间初始化 title: "请选择开始时间", cols: [ { ... 阅读全文
posted @ 2017-11-06 23:06 安静的嘶吼 阅读(13997) 评论(1) 推荐(0) 编辑
摘要:Css布局的核心概念:定位、浮动、外边距 思路: (1) 先把页面划分为大的结构性区域,如容器、页眉、内容区域、页脚。 (2) 然后,关注内容区域本身,开始建立网格结构。关注与内容区域的共同特征与不同的特征。 (3) 接着,在内容区域中寻找不同的布局结构。 (4) 结构设计完之后,关注不同类型的内容 阅读全文
posted @ 2017-06-30 16:21 安静的嘶吼 阅读(289) 评论(0) 推荐(0) 编辑
摘要:Problem:父元素内包含两个子元素,一个定高,另一个高度自适应 Ans: <div class="box"> <div class="ele1"></div> <div class="ele2"></div></div> (1) .box { width:200px; height:300px; 阅读全文
posted @ 2017-05-15 22:33 安静的嘶吼 阅读(451) 评论(0) 推荐(0) 编辑
摘要:1--当display不为none时,float起作用 当display为none时,float不起作用 2--当display不为none时,position起作用 当display为none时,position不起作用 3--当display不为none,且float与position同时存在时 阅读全文
posted @ 2017-05-15 18:38 安静的嘶吼 阅读(230) 评论(0) 推荐(0) 编辑
摘要:1—百分比 百分比是相对于父元素的。利用百分比可以将浏览器尺寸和元素尺寸联系起来,从而实现自适应。 2—auto auto为由浏览器自动计算。块级元素水平方向的auto,块级元素的margin、border、padding以及content宽度之和等于width。使用auto属性在父元素宽度变化时, 阅读全文
posted @ 2017-05-09 11:41 安静的嘶吼 阅读(235) 评论(0) 推荐(0) 编辑
摘要:一 水平居中 水平居中问题和浏览器的宽度及分辨率密切相关。 1 使用水平居中属性定义水平居中 水平居中的问题一般出现在块元素中。因为内联元素无法定义宽度和高度属性。使用水平居中属性(text-align)可以定义元素的内容水平居中显示。 text-align:center;在IE高级版本和非IE浏览 阅读全文
posted @ 2016-10-26 20:20 安静的嘶吼 阅读(256) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示