display用法：

用法：

1.display:fixed；

　　存在于position定位top，left，right，bottom，fixed：脱离文档流的针对于浏览器窗口大小定位，可以更好的解决“缩小浏览器窗口大小，滑动滚轮始终置于底部”的问题。

2.display:table；

　　display:table-cell; vertical-align:middle; 垂直居中；

3.display:inline；

　　display：inline-block；不用浮动可以在一行上显示，减少浮动。

时间： 2024-10-21 19:56:26

display用法：的相关文章

css笔记13：display用法

1.代码演示: element.html如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta h

CSS学习

CSS css是英文Cascading Style Sheets的缩写,称为层叠样式表,用于对页面进行美化. 存在方式有三种:元素内联.页面嵌入和外部引入,比较三种方式的优缺点. 语法:style = 'key1:value1;key2:value2;' 在标签中使用 style='xx:xxx;' 在页面中嵌入 < style type="text/css"> </style > 块引入外部css文件 css写在head里面,style标签中写样式 ID用

CSS 小结

去掉下划线: text-decoration:none; 去掉li的圆点: list-style:none; 字体加粗: font-weight:bold; 文本居右: text-align:right; 链接手指状: cursor:pointer; display用法: display:inline;//在同一行显示 display:block;//在新的一行上显示 display:inline-block;

CSS权威指南-第三版--读书笔记

第一章:CSS和文档 html是结构化语言,css是样式语言,html主要用来被强大的搜索引擎更好的索引,更好的让一个盲人通过语音浏览器来了解我们的网页,这也就是为什么说html是结构话语言,因为这是W3C规定的,大家都在遵循,统一的标准会给所有人带来便利(比如上面提到的盲人). 从web的衰落开始谈起,当时web只是用简单的html来编写,大量的流行,为了更好的展示,于是出现了一些<font>,<center>等用来表现的标签,使得html非常的混乱.1996年,CSS已经成为一

关于table

# table 属性bgcolor:设置表格的背景颜色 # <table border="1" bgcolor="red"> <tr> <td> 测试数据 </td> </tr> <tr> <td> 测试数据

php学习日记4（关于php中的$this->assign(); 与 $this->display();）

$this->assign(); 把数组打出来. $this->display('index.html');把打出来的数据放在index.html这个模板上 Display用法: $this->display(); 就可以输出模板,根据前面的模板定义规则,因为系统会按照默认规则自动定位模板文件,所以通常display方法无需带任何参数即可输出对应的模板,这是模板输出的最简单的用法.事情总有特例,或者根本不需要按模块进行分目录存放,不过display方法总是能够帮你解决问题. Displa

smarty-2014-02-28

使用smarty,在tpl文件中如何使用相对路径调用css&javascript文件,实际上这个相对路径的参照物就是以调用该tpl文件的php文件来写. 假如,我在index.php这个文件中调用template/index.tpl,那么index.tpl里面使用的css&javascript文件的相对路径就是index.php相对于这些文件的路径. display用法: // from PHP script , for linux $smarty->display("f

Display:Block 详细用法

根据CSS规范的规定,每一个网页元素都有一个display属性,用于确定该元素的类型,每一个元素都有默认的display属性值,比如div元素,它的默认display属性值为"block",成为"块级"元素(block-level):而span元素的默认display属性值为"inline",称为"行内"元素. 块级元素: 动占据一定矩形空间,可以通过设置高度.宽度.内外边距等属性,来调整的这个矩形的样子: 行内元素: 自己的

display:table-cell的用法简介

display:table-cell的用法简介:display属性的使用相当频繁,比如display:block或者display:inline等,但是对于display:table-cell可能比较陌生,因为此属性在特定的情况下会发挥很大的作用,下面就简单介绍它的作用,先看一段代码实例: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="a