满幅的背景,定宽的内容
来源:互联网 发布:超级优化各人结局 编辑:程序博客网 时间:2024/06/04 19:02
国外网站得意技,这叫满幅的背景,定宽的内容。css揭秘里面说的主要是单单通过footer的padding配置做到内容居中的效果,再引申出calc的作用。免除需要2层dom来做到的效果(第二层是margin来做)
<footer> <P> Consectetur et t-bone pork loin. Tri-tip cupim in, spare ribs velit exercitation in. Tempor cillum fugiat, nisi leberkas reprehenderit anim laboris proident cow. Eu fatback kevin sint, ad shoulder in venison picanha. Sausage drumstick capicola, culpa boudin pork belly minim aute ipsum biltong picanha venison nulla adipisicing. </P> <div class="wrapper"> anbini </div></footer>
footer{ /*max-width: 100px;*/ /*450为内容的占位宽*/ padding:1em calc(50% - 450px); background: #333;}footer p{ border: 1px solid #fff; border-radius: 3px; padding: 1em calc(50% - 350px); color: #fff;}现在我们已经用 calc() 替代了这个神奇的 auto,而且这个新值实际上可以作 为一个通用的 CSS 长度值应用到任何一个接受长度值的属性上。这意味着 如果我们愿意,还可以把这个长度值应用到父元素的 padding 上,而整个效 果是保持不变的。
阅读全文
0 0
- 满幅的背景,定宽的内容
- C++替换文件中指定的内容
- 替换文本文件中指定的内容
- 删除Arraylist中指定内容的值
- 如何编辑pdf文件的背景内容
- 如何让WebServer返回指的定XML内容
- 抓取网页中指定节点的内容(java版本)
- 给表格控件绑定数据库内容的封装
- 如何让WebServer返回指的定XML内容
- 如何让WebServer返回指的定XML内容
- JQuery Ajax获取返回html中指定的内容
- Split 获取字符串中指定符号分割的字符内容
- linux C 修改文本文件中指定行的内容
- 如何用python读取文本中指定行的内容
- Sql Server 替换某一列中指定的文字内容
- 用replace()替换字符串中指定的内容
- 一个修改文件中指定内容的程序
- window.print()打印网页中指定内容的实现方法
- python学习之相关练习
- java的21个和核心技术
- 拾遗增补
- 半年总结
- 信号操作sigsuspend
- 满幅的背景,定宽的内容
- 面试问题nio拆包粘包问题怎么解决
- [android-wifi](7.1)漫游部分逻辑
- Spring Boot学习一Hello World!
- 2017.8.31
- 网络取证基础一
- poj2289(二分多重匹配)
- sql server中表数据生成批量insert into 插入语句
- python Eclipse IDE环境搭建