CSS的display小记
来源:互联网 发布:推广必备软件 编辑:程序博客网 时间:2024/03/29 21:00
最近开始了解一些CSS的基本用法,巩固下自己的前端知识积累。
我们经常在样式中做类似如下的定义:
display:inlinedisplay:blockdisplay:none
这里的 display:inline 可以让块级元素,变为行内元素,且元素前后没有换行符;比如:
<div> DIV1 </div> <div> DIV2 </div>
默认情况下,这2个div各占一行,也就是显示为上下两行,当加上样式后:
<div style= "display:inline "> DIV1 </div> <div style= "display:inline "> DIV2 </div>
这样2个div就能显示在同一行了。说实话,我以前都是用浮动来控制的,嘿嘿嘿。
和 display:inline 对应的是 display:block。block 将元素显示为块级元素,且元素前后会带有换行符。比如,span就是行内元素,如果加了display:block 样式之后,这2个span就会分两行显示了:
<span style= "display:block "> SPAN1 </span> <span style= "display:block "> SPAN2 </span>
display:inline经常用在将多个div像span一样显示在一行,或者在 <ul> 中 多个<li>显示为一行,因为ul也是块级元素,一个li占一行。
- CSS的display小记
- css的display属性
- CSS属性display的用法 display=""
- CSS:display:inline;的认识
- css display 的参数列表
- CSS的display属性【转】
- 清除css的display属性
- css display属性的使用
- jquery控制css的display
- CSS中display的值
- jquery控制css的display
- jquery控制css的display
- css:display的属性选择
- css 中display的inherit
- css的display:inline-block
- css display属性的值
- 浅谈CSS的display属性
- 浅谈CSS的display属性
- 在php中使用mb_strlen()函数和mb_substr()函数
- [Oracle] Data Guard 系列(1) - 三种保护模式
- 找到被注释的方法
- 在Tomcat下配置连接池(oracle数据库)
- 为什么使用C++(1)
- CSS的display小记
- 第十一次试验任务
- “结巴”分词:做最好的Python分词组件
- Struts 2.x 实现防止表单重复提交
- uva 536Tree Recovery
- DIV CSS display (block none inline)属性的用法教程
- 10130 - SuperSale
- Oracle Error 查看网站
- display:inline、block、inline-block的区别