CSS Flex 布局
CSS 中的 Flex 布局是一种一维的布局模型,一次只能处理一个维度上的元素布局,一行或者一列。它给 flexbox 的子元素之间提供了强大的空间分布和对齐能力。下面就来看看如何在 CSS 中使用 Flex 布局! 基本概念 Flexbo… 阅读更多 »CSS Flex 布局
CSS 中的 Flex 布局是一种一维的布局模型,一次只能处理一个维度上的元素布局,一行或者一列。它给 flexbox 的子元素之间提供了强大的空间分布和对齐能力。下面就来看看如何在 CSS 中使用 Flex 布局! 基本概念 Flexbo… 阅读更多 »CSS Flex 布局
最近项目中需要用CSS实现限制字数,超出部份显示点点点…,只需要几行代码即可: 一行内超出点点点 超出两行显示点点点
仅显示单行: 控制在两行,超出部分省略号代替:
不同分辨率设备或不同窗口大小下网页布局经常是不同的,一不小心就会发生错位。可以利用 @media screen 媒体查询实现网页布局的自适应,但是怎样兼容所有主流设备就成了问题,到底分辨率是多少的时候设置呢? 首先看下面的代码,这是… 阅读更多 »@media实现网页自适应中的几个关键分辨率
text-align:justify; text-align:justify 属性是全兼容的,使用它实现两端对齐,需要注意在模块之间添加[空格/换行符/制表符]才能起作用,同样,实现文本对齐也是需要在字与字之间添加[空格/换行符/制表符]才… 阅读更多 »CSS 实现文字两端对齐