随笔分类 -  css

移动端适配方案
摘要:原文链接:http://caibaojian.com/mobile-responsive-example.html 固定一个某些宽度,使用一个模式,加上少许的媒体查询方案 使用flexbox解决方案 使用百分比加媒体查询 使用rem 1. 简单问题简单解决 我觉得有些web app并一定很复杂,比如 阅读全文

posted @ 2019-11-09 23:03 Diamond_xx 阅读(235) 评论(0) 推荐(0)

CSS 网格布局学习
摘要:转自:https://blog.jirengu.com/?p=990 CSS网格布局(又名“网格”)是一个二维的基于网格的布局系统,其目的只在于完全改变我们设计基于网格的用户界面的方式。 CSS一直用来布局网页,但一直都不完美。 一开始我们使用table 做布局,然后转向浮动、定位以及inline- 阅读全文

posted @ 2019-04-15 16:07 Diamond_xx 阅读(2353) 评论(0) 推荐(0)

左中右布局,中间自适应并优先显示在前面
摘要:css 阅读全文

posted @ 2019-04-15 15:53 Diamond_xx 阅读(628) 评论(0) 推荐(0)

几个css问题
摘要:1.中文、英文和数字的表现方式不一样。 中文可以自动换行,英文和数字并不会自动换行,设置强制换行显示。word-wrap:break-word; 2.textarea中输入文字多的情况下,和邻边的input居中对齐还是顶对齐 使用flex布局,align-items:center属性 3.文字两行显 阅读全文

posted @ 2019-03-12 17:01 Diamond_xx 阅读(157) 评论(0) 推荐(0)

flex布局实践
摘要:1.右侧固定,左侧自适应布局 2.左边靠左,右边靠右进行排列 阅读全文

posted @ 2018-12-11 15:58 Diamond_xx 阅读(112) 评论(0) 推荐(0)

浅谈BFC
摘要:今天给大家说说BFC这个概念,在说概念前,先给大家看个例子: 首先,定义三个div块元素 效果: 我们发现,块级元素的排列顺序是从上往下,一块接着一块,在w3c中,是这样解释block-level box的: 在一个块级排版上下文中,盒子是从包含块顶部开始,垂直的一个接一个的排列的。 相邻两个盒子之 阅读全文

posted @ 2018-08-20 17:22 Diamond_xx 阅读(205) 评论(0) 推荐(0)

导航