lzj0470
- 浏览: 1243214 次
- 性别:
- 来自: 深圳
-
文章分类
- 全部博客 (608)
- 数据结构 (2)
- AJAX (3)
- 设计模式 (3)
- java (117)
- js (14)
- css (9)
- jsp (10)
- 杂文 (49)
- htmlparser (6)
- 数据库 (29)
- 算法 (14)
- 数据挖掘 (11)
- 电脑杂症 (12)
- 网络爬虫 (7)
- 应用服务器 (9)
- PHP (2)
- C# (14)
- 测试 (3)
- WEB高性能开发 (3)
- swt (1)
- 搜索引擎 (16)
- HttpClient (4)
- Lite (1)
- EXT (1)
- python (1)
- lucene (4)
- sphinx (9)
- Xapian (0)
- linux (44)
- 问题归类 (1)
- Android (6)
- ubuntu (7)
- SEO (18)
- 数学 (0)
- 农业资讯 (12)
- 游戏 (3)
- nginx (1)
- TeamViewer (1)
- swing (1)
- Web前 端 (1)
- 主页 (0)
- 阿萨德发首发身份 (0)
- 软件设计师 (0)
- hibernate (5)
- spring3.0 (5)
- elastic (1)
- SSH (3)
- ff (0)
- oracle 10g (9)
- 神经网络 (1)
- struts2.0 (2)
- maven (1)
- nexus (1)
- 辅助工具 (3)
- Shiro (1)
- 联通项目 (0)
- 2014年专业选择 (0)
- freemarker (1)
- struts1.2 (8)
- adfasdfasfasf (0)
- TortoiseSVN (1)
- jstl (1)
- jquery (1)
- eclipse plugin (0)
- 游戏外挂 (1)
- 推广 (0)
- 按键精灵 (1)
- ibatis3.0 (1)
最新评论
-
水野哲也：
不不不, 这个您真错了!其实是你引用的那个jsp和本身的jsp ...
解析关于jsp页面指令冲突问题contentType="text/html;charset=UTF-8" -
caobo_cb：
import xx.cn.weibo.Util;
[ java版]新浪微博之ruquest_token篇 -
caobo_cb：
你好 Util包没有
[ java版]新浪微博之ruquest_token篇 -
小桔子：
你好！我遇到个问题 max_allowed_packet值总是 ...
mysql查询占用内存,优化的技巧 -
donghustone：
谢谢大神！
用JSmooth制作java jar文件的可执行exe文件教程(图文)
display在CSS中是一个重要的属性。作用是规定元素应该生成的框的类型。
我们知道框类型分两类：
一类是块级框(block)，此元素前后带有换行符，如<div>，<p>；
一类是行级框(inline)，此元素前后没有换行符，如<span>
利用display可以使转换框类型，也就是说让block转换为inline，inline转换为block。
1. display值
值
描述
none
此元素不会被显示。
block
此元素将显示为块级元素，此元素前后会带有换行符。
inline
默认。此元素会被显示为内联元素，元素前后没有换行符。
2. 例子
2.1 段落元素设置为内联元素：
<html>
<head>
<style type="text/css">
p {display: inline}
div {display: none}
</style>
</head>
<body>
<p>本例中的样式表把段落元素设置为内联元素。</p>
<p>而 div 元素不会显示出来！</p>
<div>div 元素的内容不会显示出来！</div>
</body>
</html>
2.1 段落元素设置为内联元素：
<html>
<head>
<style type="text/css">
span
{
display: block
}
</style>
</head>
<body>
<span>本例中的样式表把span 元素设置为块级元素。</span>
<span>两个span 元素之间产生了一个换行行为。</span>
</body>
</html>
我们知道框类型分两类：
一类是块级框(block)，此元素前后带有换行符，如<div>，<p>；
一类是行级框(inline)，此元素前后没有换行符，如<span>
利用display可以使转换框类型，也就是说让block转换为inline，inline转换为block。
1. display值
值
描述
none
此元素不会被显示。
block
此元素将显示为块级元素，此元素前后会带有换行符。
inline
默认。此元素会被显示为内联元素，元素前后没有换行符。
2. 例子
2.1 段落元素设置为内联元素：
<html>
<head>
<style type="text/css">
p {display: inline}
div {display: none}
</style>
</head>
<body>
<p>本例中的样式表把段落元素设置为内联元素。</p>
<p>而 div 元素不会显示出来！</p>
<div>div 元素的内容不会显示出来！</div>
</body>
</html>
2.1 段落元素设置为内联元素：
<html>
<head>
<style type="text/css">
span
{
display: block
}
</style>
</head>
<body>
<span>本例中的样式表把span 元素设置为块级元素。</span>
<span>两个span 元素之间产生了一个换行行为。</span>
</body>
</html>
分享到：
发表评论
-
div 里面放H2，div会被撑大？
2013-09-08 13:45 1406<style> .hotel_list .hot ... -
display:block 与 display:inline 用法
2013-09-05 23:11 775display:block 让块级元素变成行级元素。而disp ... -
css padding在ie6,ie8,firefox中兼容性用法
2013-09-04 23:19 556假设现在设置一个padding值，这个值在FF、IE8、IE6 ... -
css bug table
2011-06-17 10:09 428... -
让文字与input居中对齐
2011-05-20 14:58 2877最近碰到了文字无法与input居中对齐的问题，即使设置父容器的 ... -
实现div里面是数字
2010-03-27 15:09 916<div style="BORDER: #c4 ... -
filter : progid:DXImageTransform.Microsoft.AlphaImageLoader
2010-03-27 09:49 3119在 IE6 中，可以很方便地利用 img 的 src 属 ... -
引进css文件
2008-10-13 10:04 1406<style type="text/css&q ...
相关推荐
项目改造中遇到DIV+CSS实现的table，新需求需要在表格...一、CSS display属性的表格布局相关属性的解释： table 此元素会作为块级表格来显示（类似 ），表格前后带有换行符。table-row-group 此元素会作为一个或多个
网页制作Webjx文章简介：网页元素应用上那些与表格相关的display属性值后，能够模仿出与表格相同的特性。我将会在该文中给大家演示这种方法给CSS布局带来的巨大影响。 应原书编辑要求，先在文章顶部给出链接：...
CSS display 属性 注释：如果规定了 !DOCTYPE，则 Internet Explorer 8 （以及更高版本）支持属性值 "inline-table"、"run-in"、"table"、"table-caption"、"table-cell"、"table-column"、"table-column-group"、...
display 属性是用于控制布局的最重要的 CSS 属性。display 属性规定是否/如何显示元素。每个 HTML 元素都有一个默认的 display 值，具体取决于它的元素类型。大多数元素的默认 display 值为 block 或 inline。
最近在学习微信小程序，在设计首页布局的时候，新认识了一种布局方式display:flex .container { display: flex; flex-direction: column; align-items: center; background-color: #b3d4db; } 编译之后的效果...
在一般的CSS布局制作时候，我们常常会用到display对应值有block、none、inline这三个值。下面我们来分别来认识和学习什么时候用什么值。这里通过CSS display知识加实例讲解方法来学习和了解DIV CSS display。
当IE8发布时，它将支持很多新的CSS display属性值，包括与表格相关的属性值：table、table-row和table-cell，它也是最后一款支持这些属性值的主流浏览器。它标志着复杂CSS布局技术的结束，同时也给了HTML表格布局...
CSS：Visibility和Display属性的比较.pdf
主要介绍了css display:box 新属性的相关资料,需要的朋友可以参考下
最流行的弹性布局方案小程序，供大家下载，希望可以帮到大家。 里面集合了flex的所有属性，可以自由调节，自由组合，自由增加项目。
compact CSS 中有值 compact，不过由于缺乏广泛支持，已经从 CSS2.1 中删除。 marker CSS 中有值 marker，不过由于缺乏广泛支持，已经从 CSS2.1 中删除。 table 此元素会作为块级表格来显示（类似 ...
XML应用开发（软件品牌）-1期 4.3 案例分析-使用CSS文本属性显示XML文档-显示属性display.doc 学习资料 复习资料 教学资源
XML应用开发（软件品牌）-1期 4.3 课堂实践-使用CSS文本属性显示XML文档-显示属性display.doc 学习资料 复习资料 教学资源
在使用CSS实现表现的时候，会经常接触到display:inline-block这一属性，它可以将对象呈递为内联对象，但是对象的内容作为块对象呈递，旁边的内联对象会被呈递在同一行内，允许空格。本文向大家描述一下CSS属性...
display 用来设置元素的显示方式 display : block | none | inline | inline-block inline：指定对象为内联元素 block：指定对象为块元素 ...这时就要利用float属性 1.任何申明为 float 的元素自动被设
.imgbox { float:left; text-align:center; width:120px; height:135px; border:1px solid gray;...CSS Display(显示) 与 ...display属性设置一个元素应如何显示，visibility属性指定一个元素应可见还是隐藏。 Box 1 Box