页面布局的一些心得

关于表格:

1. 表格用于控制大的板块比较好,居中很方便。同行同列等相对位置不会错乱。

2. 表格难于精确控制,由于历史长,表格属性,css等都能控制,也容易混乱。

3. 如果想以表简单的方式控制位置,特别是类似margin的位置,有点力不从心。

关于div

1. box模型比较烦,要控制宽高,就必须计算margin,border,padding

现在的做法

1. 表格控制大的布局

2. 每个表格放上替换串。宽高可以略微小些都不影响。因为表格即使严格也严格不起来。只要不过大就行了。

3. div的指定宽高都是最外围的宽高。至于传递给页面的div的实际宽高,需要在数据类中重新计算。根据margin和border来计算实际的width和height。

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏练小习的专栏

display:inline-block的深入理解 BY blank

在使用CSS实现表现的时候,会经常接触到display:inline-block这一属性,无论是初接触Web标准还是接触标准已久的朋友,大都会对这一属性感觉很迷...

2109
来自专栏前端知识分享

第152天:表单短标题的两端对齐

在做前端界面的时候,比如一些文字的列表或者一些表单的标题,经常是2个字,3个字,4个字的类型。

1502
来自专栏mathor

概率论与数理统计(一)

1134
来自专栏前端儿

无聊的人用JS实现了一个简单的打地鼠游戏

如果点击颜色比较深的那个(俗称坏老鼠),将扣分50;如果点击颜色比较浅的那个(俗称好老鼠),将得分100

1661
来自专栏前端小作坊

CSS3着重符及其fallback

在中文里面,我们一般会在文字下方加上圆形符号。在日语中会在文字上方加上小顿号。在CSS3中如下属性可以控制着重符号:

1002
来自专栏青蛙要fly的专栏

项目需求讨论- 自定义滚轮(第二波新实现)

大家好,在前段时间我写过用ScrollView实现了自定义滚轮,但是在循环的效果不是特别好。(这次文章底部附上了Demo。O(∩_∩)O~)

1022
来自专栏前端笔记

【 图形游戏 Tetris 】原生 JavaScript 做小游戏

俄罗斯方块 (俄罗斯开发经典游戏) 游戏简介 《俄罗斯方块》(Tetris, 俄文:Тетрис)是一款由俄罗斯人阿列克谢·帕基特诺夫于1984年6月发明的休闲...

34410
来自专栏行者常至

回调函数(CallBack)

3282
来自专栏肖蕾的博客

第十四章:TouchPadTouchPadStyleTouchPad控件

API定义:TouchPad的样式 用法:public TouchpadStyle(Drawable background, Drawable knob) ...

692
来自专栏python3

scrapy选择器css

CSS是网页代码中非常重要的一环,即使不是专业的Web从业人员,也有必要认真学习一下

922

扫码关注云+社区

领取腾讯云代金券