![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css学习笔记
文章平均质量分 78
tang_1227
这个作者很懒,什么都没留下…
展开
-
css常用技巧整理
css控制单行或多行文本超出显示省略号 1. 单行文本 text-overflow: clip|ellipsis|string; clip:修剪文本。 ellipsis:显示省略符号来代表被修剪的文本。 string:使用给定的字符串来代表被修剪的文本(谷歌不生效)。 p { font-size: 14px; max-width: 200px; /*需要配合宽度来使用*/ ...原创 2019-10-18 19:02:28 · 266 阅读 · 0 评论 -
css经典布局
一、左侧固定宽度右侧宽度自适应布局 实现方法一:float+overflow:hidden 主要思路:左侧盒子设置float:left。右侧盒子设置overflow:hidden,使其不与浮动盒子区域重叠。 HTML代码如下: 左侧固宽,右侧自适应 左侧固宽 右侧自适应宽度右侧自适应宽度右侧自适应宽度右侧自适应宽度右侧自适应宽度右侧自适应宽度右侧自适应原创 2018-01-10 19:46:23 · 207 阅读 · 0 评论 -
CSS知识点总结之——display:inline-block
CSS知识点总结之——display:inline-block 如果我们想让两个div能够在一行显示,一般有下面两种方法: 1. 为两个div均添加display:line-block属性; 2. 将两个div都设成浮动的元素 ; 但是这两种方法在实现时是有一定差别的: 原始代码如下: Document *原创 2018-01-25 16:58:02 · 606 阅读 · 0 评论 -
css知识点总结之——实现居中布局
css实现居中布局 水平居中: 块级元素:设置宽度且设置margin:0 auto; 行内元素:设置text-align: center; 垂直居中 : 行内元素:设置 line-height 和 height 相等 块级元素:父元素设置相对布局 已知高度:子元素设置绝原创 2018-01-25 16:45:05 · 161 阅读 · 0 评论