div+css布局实现2端对齐是我们网页排版中经常会使用到的，这篇文章将总结一下可以实现的方法： 实现demo里面的div通过Css进行2端对齐。 该方法需要外面多嵌套一层来实现，通过元素的间距，做为中间层的margin溢出值来实现 <style> .box{ width:300px;margin: ...
分类：
其他好文 时间：
2018-06-27 13:57:06
阅读次数：
362
圣杯布局跟双飞翼布局的实现，目的都是左右两栏固定宽度，中间部分自适应。 圣杯布局实现的思路是： 1、将最外层的container的padding设置为 padding: 0 220px 0 200px;为左右两块让出空间； 2、将 middle, left, right三者设为浮动； 3、将midd ...
分类：
其他好文 时间：
2018-06-10 11:43:49
阅读次数：
135
实现效果：导航栏固定定位，左侧菜单固定定位，左侧菜单滚动的时候不影响右侧内容，右侧内容可以自由滚动 两个demo的实现方法不一样 demo1 demo2 要点：滚动内容区域的父级必须设置height100%，以及html,body{height:100%} ...
分类：
其他好文 时间：
2018-06-06 21:39:55
阅读次数：
132
附图: 1. 利用Flex布局实现 demo.html style.css 2. 利用属性 line-height <div id="box"> <span>文本上下居中</span> </div> style.css 注意: 这个方法只适用于 单行文本 3. 利用position 定位来实现 4. ...
分类：
Web程序 时间：
2018-06-04 14:24:33
阅读次数：
977
常用的布局实现方式：线性布局，框架布局，表格布局，相对布局，绝对布局 1，线性布局 （1）线性布局是一种很重要的布局，也是经常用到的一种布局 （2）在线性布局中，所有的元素都按照水平竖直的顺序在界面上排序 如果水平排序，则每行包含一个界面元素 如果垂直排序，则每列只包含一个元素 （3）线性布局常用的 ...
分类：
移动开发 时间：
2018-05-17 22:27:46
阅读次数：
274
画象棋盘来浅显学习了解easyx 了解象棋盘的构成： 如图就为一个基本的象棋棋盘我们下面就用esayx来画出这个棋盘，我的感觉这个棋盘大概分为两个部分：第一部分就是棋盘的大致布局，第二个就是棋盘的细节实现 棋盘的大致布局： ...
分类：
编程语言 时间：
2018-05-12 16:18:48
阅读次数：
323
网上有很多有关js（jq）实现瀑布流和有关瀑布流的插件很多，例如：插件（Masonry，Wookmark等等）。按照正常的逻辑思维，瀑布流的排版（item列表）一般都是 由左到右，上而下排序的结果，单纯的css实现这一点有些困难 ，下面分享一款由flex布局实现的瀑布流效果，虽然效果难以达到有些插件 ...
分类：
其他好文 时间：
2018-03-21 19:59:17
阅读次数：
859
一、水平居中 一,二,三章都是parent+son的简单结构,html代码和效果图就不贴出来了,第四章以后才有 (1)文本/行内元素/行内块级元素▲ 原理：text-align只控制行内内容(文字、行内元素、行内块级元素)如何相对他的块父元素对齐 #parent{ text-align: cente ...
分类：
Web程序 时间：
2018-03-20 10:35:08
阅读次数：
492
各种页面常见布局+知名网站实例分析+相关阅读推荐 阅前必看：本文总结了各种常见的布局实现，网上搜的“史上最全布局”好像也没有这么全吧？哈哈！这篇文章就当作一个知识整理吧。当然，文章肯定还有不足的地方，至少目前来看，有两点我是不满足的。第一点，兼容性还没有时间去一一测试，后续再补吧！第二点，缺少每个方 ...
分类：
Web程序 时间：
2018-03-09 17:54:19
阅读次数：
217
