css3
ken_ding
这个作者很懒,什么都没留下…
展开
-
CSS居中实例--大小不固定的图片居中
1.利用table-cell实现垂直居中<div class="box1"> [站外图片上传中……(5)] </div>div{ width: 500px; height: 500px; background: #ccc; } .box1{ text-align:center; display: table-cell; vertical-align: middle;原创 2017-12-20 08:18:01 · 222 阅读 · 0 评论 -
两列布局——左侧宽度固定,右侧宽度自适应的两种方法
1.原理:就是利用左侧元素浮动,或者绝对定位的方式使其脱离常规文档流,让两个块级元素能够在同一行显示。然后右侧元素 margin-left 的值等于左侧元素宽度,这时右侧元素将紧挨着左侧元素,由于块元素的宽度会自动默认充满剩下的屏幕,所以就实现了右侧自适应的效果了HTML代码如下:<!DOCTYPE> <html lang="en"> <head> <meta charset="UTF-8"原创 2017-12-20 08:55:32 · 572 阅读 · 0 评论 -
移动端适配rem
需求: 在各中移动设备屏幕中能完美适配,呈现方式不变(相对大小,边距等等)。 问题: 在开发过程中,如果使用”百分比“来布局,高度无法确定,在屏幕放大之后,margin-top通常会出现异常; 另外在不同屏幕中呈现的方式也会有所不同,特别是一些主要以图片为主的网页,因为宽度使用了百分比,但是高度无法使用百分比,倒是出现不等比例的缩放问题。 解决: 1.理解rem相对根节点的单位; 2...原创 2018-03-28 14:48:31 · 235 阅读 · 0 评论 -
input标签中设置readonly属性后光标显示问题
IE、火狐浏览器中,在HTML中,如果把一个的readonly属性设置为"readonly",表示这个表单元素不能编辑。但是,鼠标点击之后,这个表单元素还是有光标存在的。 以下方法可以解决这个问题: 1.设置属性 disabled=“disabled”, <input type="text" id="id" style="width:250px;height:30px;" disabled=...原创 2018-10-30 17:42:34 · 3780 阅读 · 0 评论