这句话是什么意思?

在他乡奋斗 2008-09-14 02:08:39
<div id="div1" style="display:block">
opinion 1
</div>
...全文
31445 26 打赏 收藏 转发到动态 举报
AI 作业
写回复
用AI写文章
26 条回复
切换为时间正序
请发表友善的回复…
发表回复
shenbin0252 2012-02-23
  • 打赏
  • 举报
回复
div 默认绝对是block
sujing910206 2011-10-31
  • 打赏
  • 举报
回复
display:block常用于<a><span>这类非块级元素中,让她们呈块显示,但是<div>本身就是块级元素,所以一般不需要设置这个属性,但也有特殊情况,那就是当div设置了display:none时
luciferdragon 2011-09-02
  • 打赏
  • 举报
回复
学习了,谢谢
wanzi123 2011-04-26
  • 打赏
  • 举报
回复
mark,学习了
icycommond 2011-04-19
  • 打赏
  • 举报
回复
[Quote=引用 12 楼 seongbin 的回复:]

http://www.w3schools.com/css/pr_class_display.asp

默认是 inline
[/Quote]
不同的元素有不同的默认display
div是块元素 所以 他默认display是block
这就是为什么直接用<div>content</div> 内容会另起一行
a6566232 2011-04-11
  • 打赏
  • 举报
回复
好帖子啊!!!
joanagle 2011-02-16
  • 打赏
  • 举报
回复
[Quote=引用 1 楼 zhongjingbao 的回复:]
就是给<div>标签命了一个id号,可以javascipt来控制这个层的样式之类的。

style"display:block"

就是给了这个<div>一个显示的样子。意思就是块,加了这个样式,一个元素会自动为一行,如果是链接的话,点击这个行任何地方都会有链接,而不只是点击链接的字才有链接,用言语很难表达明白。给你一个案例。

aa.htm文件里面的代码是
<style>
a{b……
[/Quote]

嗯,1楼的这个我运行了下,果然发现是有区别的,学到东西了,致敬!
shbz1986 2010-10-19
  • 打赏
  • 举报
回复

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title></title>
</head>
<body>
<div style="display:block">
<div><a href="http://www.gift12345.com/">http://www.gift12345.com</a></div>
<div><a href="http://www.gift12345.com/">http://www.gift12345.com</a></div>
<div><a href="http://www.gift12345.com/">http://www.gift12345.com</a></div>
<div><a href="http://www.gift12345.com/">http://www.gift12345.com</a></div>
</div>
</body>
</html>


<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title></title>
</head>
<body>
<div style="display:inline">
<div><a href="http://www.gift12345.com/">http://www.gift12345.com</a></div>
<div><a href="http://www.gift12345.com/">http://www.gift12345.com</a></div>
<div><a href="http://www.gift12345.com/">http://www.gift12345.com</a></div>
<div><a href="http://www.gift12345.com/">http://www.gift12345.com</a></div>
</div>
</body>
</html>

这两个html运行下没看出来效果哪里不同。。。
wangriyong 2010-10-07
  • 打赏
  • 举报
回复
看不太懂
Tank03 2010-09-27
  • 打赏
  • 举报
回复
ding
mandy13_2008 2010-05-22
  • 打赏
  • 举报
回复
[Quote=引用 15 楼 qq371496669 的回复:]
none 此元素不会被显示。
block 此元素将显示为块级元素,此元素前后会带有换行符。
inline 默认。此元素会被显示为内联元素,元素前后没有换行符。
inline-block 行内块元素。(CSS2.1 新增的值)
list-item 此元素会作为列表显示。
run-in 此元素会根据上下文作为块级元素或内联元素显示。
compact CSS 中有值 compac……
[/Quote]


默认就是inline
QQ371496669 2010-04-15
  • 打赏
  • 举报
回复
none 此元素不会被显示。
block 此元素将显示为块级元素,此元素前后会带有换行符。
inline 默认。此元素会被显示为内联元素,元素前后没有换行符。
inline-block 行内块元素。(CSS2.1 新增的值)
list-item 此元素会作为列表显示。
run-in 此元素会根据上下文作为块级元素或内联元素显示。
compact CSS 中有值 compact,不过由于缺乏广泛支持,已经从 CSS2.1 中删除。
marker CSS 中有值 marker,不过由于缺乏广泛支持,已经从 CSS2.1 中删除。
table 此元素会作为块级表格来显示(类似 <table>),表格前后带有换行符。
inline-table 此元素会作为内联表格来显示(类似 <table>),表格前后没有换行符。
table-row-group 此元素会作为一个或多个行的分组来显示(类似 <tbody>)。
table-header-group 此元素会作为一个或多个行的分组来显示(类似 <thead>)。
table-footer-group 此元素会作为一个或多个行的分组来显示(类似 <tfoot>)。
table-row 此元素会作为一个表格行显示(类似 <tr>)。
table-column-group 此元素会作为一个或多个列的分组来显示(类似 <colgroup>)。
table-column 此元素会作为一个单元格列显示(类似 <col>)
table-cell 此元素会作为一个表格单元格显示(类似 <td> 和 <th>)
table-caption 此元素会作为一个表格标题显示(类似 <caption>)
QQ371496669 2010-04-15
  • 打赏
  • 举报
回复

<TBODY>
<TR>
<TH>值</TH>
<TH>描述</TH></TR>
<TR>
<TD>none</TD>
<TD>此元素不会被显示。</TD></TR>
<TR>
<TD>block</TD>
<TD>此元素将显示为块级元素,此元素前后会带有换行符。</TD></TR>
<TR>
<TD>inline</TD>
<TD>默认。此元素会被显示为内联元素,元素前后没有换行符。</TD></TR>
<TR>
<TD>inline-block</TD>
<TD>行内块元素。(CSS2.1 新增的值)</TD></TR>
<TR>
<TD>list-item</TD>
<TD>此元素会作为列表显示。</TD></TR>
<TR>
<TD>run-in</TD>
<TD>此元素会根据上下文作为块级元素或内联元素显示。</TD></TR>
<TR>
<TD>compact</TD>
<TD>CSS 中有值 compact,不过由于缺乏广泛支持,已经从 CSS2.1 中删除。</TD></TR>
<TR>
<TD>marker</TD>
<TD>CSS 中有值 marker,不过由于缺乏广泛支持,已经从 CSS2.1 中删除。</TD></TR>
<TR>
<TD>table</TD>
<TD>此元素会作为块级表格来显示(类似 <table>),表格前后带有换行符。</TD></TR>
<TR>
<TD>inline-table</TD>
<TD>此元素会作为内联表格来显示(类似 <table>),表格前后没有换行符。</TD></TR>
<TR>
<TD>table-row-group</TD>
<TD>此元素会作为一个或多个行的分组来显示(类似 <tbody>)。</TD></TR>
<TR>
<TD>table-header-group</TD>
<TD>此元素会作为一个或多个行的分组来显示(类似 <thead>)。</TD></TR>
<TR>
<TD>table-footer-group</TD>
<TD>此元素会作为一个或多个行的分组来显示(类似 <tfoot>)。</TD></TR>
<TR>
<TD>table-row</TD>
<TD>此元素会作为一个表格行显示(类似 <tr>)。</TD></TR>
<TR>
<TD>table-column-group</TD>
<TD>此元素会作为一个或多个列的分组来显示(类似 <colgroup>)。</TD></TR>
<TR>
<TD>table-column </TD>
<TD>此元素会作为一个单元格列显示(类似 <col>)</TD></TR>
<TR>
<TD>table-cell</TD>
<TD>此元素会作为一个表格单元格显示(类似 <td> 和 <th>)</TD></TR>
<TR>
<TD>table-caption</TD>
<TD>此元素会作为一个表格标题显示(类似 <caption>)</TD></TR></TBODY></TABLE>
QQ371496669 2010-04-15
  • 打赏
  • 举报
回复
[Quote=引用 12 楼 seongbin 的回复:]
http://www.w3schools.com/css/pr_class_display.asp

默认是 inline
[/Quote]

inline 和 block 有什么区别呢?
seongbin 2010-02-03
  • 打赏
  • 举报
回复
http://www.w3schools.com/css/pr_class_display.asp

默认是 inline
mxc1225 2009-06-17
  • 打赏
  • 举报
回复
6楼的解释才是正确的!?
  • 打赏
  • 举报
回复
[Quote=引用 5 楼 mrshelly 的回复:]
引用 2 楼 liuxiaoyi666 的回复:
默认的情况下div的display就是block


默认情况下 应该是inline
[/Quote]


The property is read/write for all objects except the following, for which it is read-only: currentStyle. The property has a default value of inline for all objects with the following exceptions:

ADDRESS block
BLOCKQUOTE block
BODY block
CENTER block
COL block
COLGROUP block
DD block
DIR block
DIV block
DL block
DT block
FIELDSET block
FORM block
FRAME none
hn block
HR block
IFRAME block
LEGEND block
LI list-item
LISTING block
MARQUEE block
MENU block
OL block
P block
PLAINTEXT block
PRE block
TABLE block
TBODY none
TD block
TFOOT none
TH block
THEAD none
TR block
UL block
XMP block


所以div的默认的display是block
  • 打赏
  • 举报
回复
The property is read/write for all objects except the following, for which it is read-only: currentStyle. The property has a default value of inline for all objects with the following exceptions:

ADDRESS block
BLOCKQUOTE block
BODY block
CENTER block
COL block
COLGROUP block
DD block
DIR block
DIV block
DL block
DT block
FIELDSET block
FORM block
FRAME none
hn block
HR block
IFRAME block
LEGEND block
LI list-item
LISTING block
MARQUEE block
MENU block
OL block
P block
PLAINTEXT block
PRE block
TABLE block
TBODY none
TD block
TFOOT none
TH block
THEAD none
TR block
UL block
XMP block


所以div的默认的display是block
虐码锅锅 2008-09-16
  • 打赏
  • 举报
回复
隐藏这个层
chenang622 2008-09-16
  • 打赏
  • 举报
回复
up 1楼
加载更多回复(6)

28,408

社区成员

发帖
与我相关
我的任务
社区描述
ASP即Active Server Pages,是Microsoft公司开发的服务器端脚本环境。
社区管理员
  • ASP
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧