CSS
一丝墨
这个作者很懒,什么都没留下…
展开
-
5分钟学会Leaflet加载天地图和arcgis服务
Leaflet是一个适用于移动端交互地图的开源JavaScript库。对移动设备很友好,gzip压缩JS代码大约38 KB,它提供了大多数开发人员所需要的所有地图功能。扩展性强、插件资源丰富,文档清晰的API,源代码简单、易读。本文用简单的示例,引导新手快速使用leaflet快速开始、加载天地图、加载arcgis服务、自定义4490坐标系,将天地图扩展到19级。一、快速开始<!DOCTYPE html><html><head> <met原创 2020-12-02 14:26:28 · 10620 阅读 · 2 评论 -
纯CSS实现垂直居中的几种方法
垂直居中是布局中十分常见的效果之一,为实现良好的兼容性,PC端实现垂直居中的方法一般是通过绝对定位,table-cell,负边距等方法。有了css3,针对移动端的垂直居中就更加多样化。方法1:table-cellhtml结构:123class="box box1"> 垂直居中转载 2017-06-17 11:02:54 · 413 阅读 · 0 评论 -
用CSS/CSS3 实现 水平居中和垂直居中的完整攻略
水平居中:行内元素解决方案只需要把行内元素包裹在一个属性display为block的父层元素中,并且把父层元素添加如下属性即可: .parent { text-align:center;}水平居中:块状元素解决方案 .item { /* 这里可以设置顶端外边距 */ margin: 10px auto;}水平居中:多个块状元素解决方案转载 2017-06-17 11:09:31 · 633 阅读 · 0 评论 -
CSS 图片100%自适应容器
在编写页面过程中,容器大小会被固定,但图片大小可能会出现不一致,使用以下样式可以让图片100%自适应容器,看来页面统一、整齐、美观!html: css: div{ //尺寸根据需求设定 width: 150px;原创 2017-06-10 15:27:09 · 1026 阅读 · 0 评论 -
简单易懂的Flex布局教程,附送flex-demo源码
Flex,全称为Flexible Box,“弹性布局”之意,用来为盒模型提供最大的灵活性。任何一个容器都可以指定为Flex布局,在使用webkit内核的浏览器,使用时需加上“-webkit”前缀。另外,使用Flex布局之后的容器,其子元素的float、clear、vertical-align属性将失效。采用Flex布局的元素称为"Flex原创 2017-09-30 13:55:10 · 767 阅读 · 0 评论