51Dev开发社区
登录 注册

#布局

【精】iOS6 及其以上版本号自己主动旋转、手动强制旋转方案及布局适配
本文不讨论哪种布局适配方式最好。此处使用的是Masonry纯代码布局适配。（Masonry底层就是AutoLayout的NSLayoutConstraint）//三维设备方向typedefNS_ENUM(NSInteger,UIDeviceOrientation){UIDeviceOrientationUnknown,...
代码星球 ·2020-04-06

HTML页面关键词随机分布布局
结合underscore-min.js，和D3.js绘制HTML关键词随机分布<!DOCTYPEhtml><html><head><metacharset="utf-8"><scriptsrc="./js/jquery-1.8.3.min.js"></s...
代码星球 ·2020-04-05

html5新增标签做基本布局
结构标记*****做布局1、<header>元素<header></header>==><divid="header"></div>定义网页头部，网站标题、LOGOheader可以在网页上出现多次。可以表示任何一部分内容的头部信息2、<nav>...
代码星球 ·2020-04-05

前端微场景布局样式
<!DOCTYPEhtml><htmllang="en"><head><metacharset="utf-8"><title>Swiperdemo</title><metaname="viewport"content="width=devic...
代码星球 ·2020-04-05

CardView卡片式布局
CardView适用于实现卡片式布局效果的重要控件，由appcompat-v7库提供，实际上CardView也是一个FrameLayout，只是额外提供了圆角和阴影效果，看上去有立体的感觉。一般CardView都用在ListView的item布局中。使用方法很简单1：在app的build.gradle文件里面添加依赖库...
代码星球 ·2020-04-05

弹性布局
 最近在学习微信小程序，在设计首页布局的时候，新认识了一种布局方式display:flex1.container{2display:flex;3flex-direction:column;4align-items:center;5background-color:#b3d4db;6}编译之后的效果很明显，界面...
代码星球 ·2020-04-05

网页布局色块
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xh...
代码星球 ·2020-04-05

css 图片flex布局最后一行居中
.box-flex-warp{width:100%;display:flex;flex-flow:rowwrap;justify-content:center;/*align-content:flex-start;左对齐*/}.box-flex{box-sizing:border-box;flex:0033.33%;}...
代码星球 ·2020-04-04

CSS3多列Multi-column布局
 Properties属性CSSVersion版本InheritFromParent继承性Description简介columnscss3无设置或检索对象的列数和每列的宽度。复合属性column-widthCSS3无设置或检索对象每列的宽度column-countCSS3无设置或检索对象的列数column-g...
代码星球 ·2020-04-04

flexbox布局神器
2009年，W3C提出了一种新的方案----Flexbox布局(弹性布局)，可以简便、完整、响应式地实现各种页面布局。Flex布局模型不同于块和内联模型布局，块和内联模型的布局计算依赖于块和内联的流方向。目前，它已经得到了所有浏览器的支持，这意味着，现在就能很安全地使用这项功能。注：“Bootstrapv4...
代码星球 ·2020-04-04

CSS自适应布局(左右固定 中间自适应或者右侧固定 左侧自适应)
经常在工作中或者在面试中会碰到这样的问题，比如我想要个布局右侧固定宽度左侧自适应或者三列布局左右固定中间自适应的问题。    下面我们分别来学习下，当然我也是总结下而已，有如以下方法：    一：右侧固定宽度左侧自适应　第一种方法：左侧用m...
代码星球 ·2020-04-04

这可能是史上最全的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
首页上一页...2324252627下一页尾页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他