使用CSS的flex的感悟
来源:互联网 发布:xampp配置mysql 编辑:程序博客网 时间:2024/06/08 09:29
如何使用flex,有很多成熟的教程,但对于我来说(技术小白),有些说太多是没有用的。这里就谈谈小白的感悟,怎么样才能用起来flex,实现自适应。我是比较笨的,有些技术方法如果不是自己用一遍并且深刻理解,永远不会想起去使用的。
写这篇的目的就是想要表达,当你还在一像素一像素堆积页面的时候,殊不知完全可以使用flex进行全部的自适应。
告诉自己是否理解盒子模型,理解CSS里面的padding、margin等这些名词,就是说它不只是抽象的。
稍后补充……
使用到的有:
{
display: flex;
flex-direction: column;
height: 100%;
}
{
flex: 1;
display: flex;
flex-direction: column;
overflow-y: auto;
font-size: 14px;
background: @gray-dark-background;
}
{
text-align: right;
padding: 20px;
}
阅读全文
0 0
- 使用CSS的flex的感悟
- FLEX实践—使用CSS的总结
- neo4j的使用感悟
- 在FLEX中使用CSS需要注意的地方
- 如何在Flex 4 中使用新的CSS语法
- 如何在Flex 4 中使用新的CSS语法
- css的flex box布局
- 使用双面打印的感悟
- StrutsTestCase 使用的一点感悟
- 关于xml使用的感悟
- 使用oracle数据库的感悟
- unity3d 的PRC使用感悟
- 编程感悟(全局变量的使用)
- grunt使用的一些感悟
- bootstrap fileinput 的使用感悟
- SimpleAudioEngine使用的一些感悟
- react的一些使用感悟
- Flex动态使用CSS
- 常用 Git 命令
- 逃离or逃避:过年后,你还回不回大城市?
- 数据库更新迭代
- 搭建CAS单点登录服务器
- Spring MVC ModelAndView使用时所犯的一个小错误
- 使用CSS的flex的感悟
- not known to the MapperRegistry
- [Web]javascript正则表达式语法
- TF实现物体识别、行人检测和图像
- JavaScript 扩展方法
- 霍金:人工智能不一定是好事,或导致人类灭亡【智库2861】
- Android PopupWindow的使用和分析
- 苏宁携手S8南京“搞事情”,背后透露出怎样的信号?
- 说说 JavaScript 在 DOM 2、3 级标准中定义的样式规则(属性和方法)