flex布局主题的文章列表，还有flex布局的技术要点_第29页

这可能是史上最全的CSS自适应布局总结教程

所谓布局，其实包含两个含义：尺寸与定位。也就是说，所有与尺寸和定位相关的属性，都可以用来布局。大体上，布局中会用到的有：尺寸相关的盒子模型，普通流、浮动、绝对定位三种定位机制，CSS3中的transform、弹性盒子模块、试验中的grid模块。逛园子的时候经常可以看到浮动布局，inline-block布局，弹性盒布局这...

代码星球 ·2020-04-04

树布局算法（翻译）

比尔.米尔当我需要为某个项目绘制一些树时，我认为绘制整齐树木会有一个经典而简单的算法。我发现的更有趣得多：树布局不仅是一个NP完全问题1，但树绘图算法背后有一个漫长而有趣的历史。我将使用树绘图算法的历史来逐一介绍核心概念，使用它们来构建一个完整的O（n）算法，以绘制一颗迷人的树。这里有什么问题？图1给定一棵...

代码星球 ·2020-04-04

布局算法之树布局

在数据可视化领域，常常需要将数据按照一定的规则分布，使得数据展示直观、清晰、一目了然。笔者在工程实践时，遇到这样一个问题：如何使得具有多个关系联系的点边图按照树形布局？在查阅了大量国内外资料的基础上，笔者找到了BillMill的一篇英文论文：drawingpresentabletrees。在这里先简单地描述一下算法的大...

代码星球 ·2020-04-04

理解绝对定位和相对定位布局

[p=22,null,left]概要：本文主要描述XHTML中相对定位和绝对定位各自的本质、用法、区别和两者之间的关系。以及使用CSS的Left、Right、Top、Bottom属性（偏移属性）和Margin属性（外边距）对定位块级元素进行布局的方法。[p=22,null,left]说明：占位空间：元素在文档流中所占据...

代码星球 ·2020-04-04

[UWP]XAML中的响应式布局技术

原文:[UWP]XAML中的响应式布局技术响应式布局的概念是一个页面适配多个终端及不同分辨率。在针对特定屏幕宽度优化应用UI时，我们将此称为创建响应式设计。WPF设计之初响应式设计的概念并不流行，那时候大部分网页设计师都按着宽度960像素的标准设计。到了UWP诞生的时候响应式布局已经很流行了，所以UWP提供了很多响应式...

代码星球 ·2020-04-03

WPF 自适应布局控件

原文:WPF自适应布局控件publicclassKDLayoutGroup:Grid{publicdoubleLabelWidth{get;set;}publicdoubleGetLabelWidth(){returnLabelWidth;}publicvoidSetLabelWidth(doublevalue){if...

代码星球 ·2020-04-03

WPF 第三方控件学习使用——可停靠布局控件（AvalonDock）

原文:WPF第三方控件学习使用——可停靠布局控件（AvalonDock）近期在做公司上位机产品规划与实验，参考了Blender软件的布局风格，希望能用WPF也做一个类似布局的上位机。于是开始寻找资源，很快就发现了AvalonDock。AvalonDock简介AvalonDock是Xceed公司Wpf.Toolkit中的...

代码星球 ·2020-04-03

15-UIKit（view布局、Autoresizing）

目录：1.纯代码布局2.在View中进行代码布局3.Autoresizing回到顶部1.纯代码布局纯代码布局分VC下和V下 [MX1-layout-code] 在VC下覆盖view...

代码星球 ·2020-04-03

14-UIKit（拖拽手势、布局）

目录：1.手势创建的拖拽方式2.frame，bounds，transform，center区别3.触控（touch）4.布局5.代码布局回到顶部1.手势创建的拖拽方式创建手势对象，修改手势对象属性，加入指定视图，这三件事都可以不用写代码，而用拖拽的方式完成。设置拖拽方式手势代理的方法是：在第六个检查器里拖拽delega...

代码星球 ·2020-04-03

前端--CSS之使用display:inline-block来布局（转）

css之display:inline-block布局1.解释一下display的几个常用的属性值，inline，block，inline-blockinline:使元素变成行内元素，拥有行内元素的特性，即可以与其他行内元素共享一行，不会独占一行. 不能更改元素的height，width的值，大小由...

代码星球 ·2020-04-03

bootstrap实现左侧图片右侧文字布局

效果图代码通过class="media-left"来控制相对位置 <!DOCTYPEhtml><html><headlang="en"><metacharset="UTF-8"><title></title><...

代码星球 ·2020-04-02

Python之路-python(css布局、JavaScript)

CSS布局JavaScript css布局：后台管理界面一：（左右标签都有下来菜单）利用position:absolute;让某个标签固定在具体位置，然后使用overflow:auto;属性，让内容多的话把父级标签撑起来（出现下拉菜单）<!DOCTYPEhtml><htmllang="en"...

代码星球 ·2020-04-02

CSS布局中一个简单的应用BFC的例子

什么是BFCBFC(BlockFormattingContext)，简单讲，它是提供了一个独立布局的环境，每个BFC都遵守同一套布局规则。例如，在同一个BFC内，盒子会一个挨着一个的排，相邻盒子的间距是由margin决定且垂直方向的margin会重叠。而float和clearfloat也只对同一个BFC内的元素有效。什...

代码星球 ·2020-04-02

实用的两列等高布局

做后台模板的时候会遇到左侧随着右侧高度增加而增加的两列等高布局，查阅资料和总结了一下有以下几种方法：HTML代码<divid="header">头部</div><divid="container"><divclass="mainbox">主内容区域1<br/>...

代码星球 ·2020-04-02

移动端rem布局的适配mixin【转藏】

/*================================================================以下为基于ip5宽度320做的适配，标准html{font-size:10px},即1rem=10px===========================================...

代码星球 ·2020-04-01