css系列教程--overflow min/maxheight content
2016-01-09 08:46
525 查看
outline:这只轮廓样式,与border类似。写法参考border.
overflow/overflow-x/overflow-y:visible/hidden/scroll/auto/no-display/no-content
overflow:溢出显示方式。
overflow-x:水平方向溢出显示方式
overflow-y:垂直方向溢出显示方式
注:一般设置overflow-x/y属性以后,不管内容有没有溢出,滚动条会一直出现。
max-height/min-height
注:有时候我们需要定义元素内容的最大宽高或者最小宽高,这样就可以实现页面内容多了以后自适应增加高度的问题。
字体水平垂直居中问题。
设置父元素的属性为position:relative,
这只子元素为absolute,left/right/bottom/top为0;margin:auto即可。
content:一般与before after为元素一起使用。用于显示额外的内容。
demo:
<div data-content="aaa"></div>
css:
content:attr(data-content)
这样,为元素就会显示你div属性定义的值
overflow/overflow-x/overflow-y:visible/hidden/scroll/auto/no-display/no-content
overflow:溢出显示方式。
overflow-x:水平方向溢出显示方式
overflow-y:垂直方向溢出显示方式
注:一般设置overflow-x/y属性以后,不管内容有没有溢出,滚动条会一直出现。
max-height/min-height
注:有时候我们需要定义元素内容的最大宽高或者最小宽高,这样就可以实现页面内容多了以后自适应增加高度的问题。
字体水平垂直居中问题。
设置父元素的属性为position:relative,
这只子元素为absolute,left/right/bottom/top为0;margin:auto即可。
content:一般与before after为元素一起使用。用于显示额外的内容。
demo:
<div data-content="aaa"></div>
css:
content:attr(data-content)
这样,为元素就会显示你div属性定义的值
相关文章推荐
- css3系列教程--animation
- css系列教程--文本
- 常用且简单的css初始化
- css3
- 30+有用的CSS代码片段
- 纯 CSS 创建各种不同的图形形状
- 自定义登陆界面样式
- 修改html页面文字选中样式
- CSSOM视图模式(CSSOM View Module)
- 高性能封装检测浏览器支持css3属性函数
- CSS学习笔记——盒模型,块级元素和行内元素的区别和区别
- cell的背景渐变色和修改样式
- CSS+div页面排版
- 关于css的一些知识点
- css选择器
- css制作简单的三角形
- 【转发】:CSS代码重构与优化之路
- css常用的字体组合
- 前端手册之---CSS 选择器(包括css1-css3)
- 前端手册之----CSS1-3 属性手册总结