`

Is “<div/>” different from “<span style=”display:block“/>” ?

    博客分类:
  • HTML
阅读更多
http://stackoverflow.com/questions/1142104/is-div-different-from-span-style-displayblock

Greg 写道
Yes they are different.

Even though you style a span with display: block you still can't put block-level elements inside it:

<div><p>correct</p></div>
<span style="display: block;"><p>wrong</p></span>
The (X)HTML still has to obey the (X)HTML DTD (whichever one you use), no matter how the CSS alters things.


然后:

http://www.w3schools.com/tags/tag_div.asp
http://www.w3schools.com/tags/tag_span.asp
分享到:
评论
1 楼 Hooopo 2011-05-20  
我记得我有一次写<div />页面布局出问题了。改成<div>xxx</div>好了。

相关推荐

    我的网页设计作业
    " data-report-query="utm_medium=distribute.pc_relevant_iteye_download.none-task-download-2~default~OPENSEARCH~Paid-1-87324868-iteye_blog-1050868.nonecase&depth_1-utm_source=distribute.pc_relevant_iteye_download.none-task-download-2~default~OPENSEARCH~Paid-1-87324868-iteye_blog-1050868.nonecase" data-report-click='{"mod":"popu_708","dest":"https://download.csdn.net/download/qq_40080695/87324868","strategy":"2~default~OPENSEARCH~Paid","extra":"{\"utm_medium\":\"distribute.pc_relevant_iteye_download.none-task-download-2~default~OPENSEARCH~Paid-1-87324868-iteye_blog-1050868.nonecase\"}"}' > <div class="top">我的网页设计作业</div>

    &lt;div class="top"&gt;我的网页设计作业&lt;/div&gt; &lt;div id="MainMenu" class="ddsmoothmenu"&gt; &lt;ul&gt; &lt;li&gt;&lt;a href="index.html" title="个人主页" id="menu_selected"&gt;&lt;span&gt;个人主页&lt;/span&gt;&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href=...

    图书管理系统.rar

    &lt;div class="edit" style="display: none"&gt; &lt;div class="edit-bg"&gt;&lt;/div&gt; &lt;div class="edit-center"&gt;&lt;/div&gt; &lt;div class="edit-title"&gt;图书信息编辑&lt;/div&gt; &lt;p&gt;&lt;span&gt;图书编号:&lt;/span&gt;&lt;input type=...

    学生网页制作

    24小时服务热线 &lt;span&gt;123-456-7890&lt;/span&gt; &lt;/div&gt; &lt;br class="clear_float"&gt; &lt;/div&gt; &lt;div id="nav"&gt; &lt;div id="nav_left"&gt; &lt;img src="images/nav_left.jpg" width="10" height="40" /&gt; &lt;/div&gt; &lt;div id="nav_middle"&gt;...

    HTML5气球大战小游戏代码.zip

    最高连击:&lt;span id='maxDoubleHit'&gt;0&lt;/span&gt; &lt;/p&gt; &lt;p&gt; 本次游戏:&lt;span id='currentDoubleHit'&gt;0&lt;/span&gt; &lt;/p&gt; &lt;p id="gamemsg" &lt;span Game Over &lt;/span&gt; &lt;button 重新开始 &lt;/button&gt; &lt;/p&gt; &lt;/...

    一个简单的网页设计

    &lt;option&gt;学生&lt;/option&gt;&lt;option&gt;一年&lt;/option&gt;&lt;option&gt;二年&lt;/option&gt;&lt;option&gt;三年&lt;/option&gt;&lt;option&gt;三年到五年&lt;/option&gt;&lt;option&gt;五年到十年&lt;/option&gt;&lt;option&gt;十年以上&lt;/option&gt; &lt;/select&gt; &lt;/div&gt; ...

    如家宠物网站

    xml=&lt;data&gt;&lt;config&gt;&lt;isShowTitle&gt;0&lt;/isShowTitle&gt;&lt;autoPlayTime&gt;5&lt;/autoPlayTime&gt;&lt;/config&gt;&lt;channel&gt;&lt;item&gt;&lt;link&gt;&lt;/link&gt;&lt;image&gt;images/0411412705084558.jpg&lt;/image&gt;&lt;title&gt;&lt;/title&gt;&lt;/item&gt;&lt;item&gt;&lt;link&gt;&lt;/link&gt;...

    非常漂亮的TAB效果

    &lt;li class="current"&gt;&lt;span&gt;one&lt;/span&gt;&lt;/li&gt; &lt;li&gt;&lt;span&gt;two&lt;/span&gt;&lt;/li&gt; &lt;li&gt;&lt;span&gt;three&lt;/span&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/div&gt; &lt;div class="content"&gt; &lt;ul&gt; &lt;li&gt; &lt;img src="images/Angus Deluxe.png" /&gt; &lt;div ...

    上下tab浮动菜单

    &lt;li&gt; &lt;a class="menu" href="#nogo"&gt;&lt;b class="snazzy"&gt;&lt;span class="boxcontent blue"&gt;item #5&lt;/span&gt; &lt;b class="b4 blue"&gt;&lt;/b&gt;&lt;b class="b3 blue"&gt;&lt;/b&gt;&lt;b class="b2 blue"&gt;&lt;/b&gt;&lt;b class="b1"&gt;&lt;/b&gt; &lt;/b&gt;&lt;/a&gt; &lt;/li&gt;...

    js实现精致折叠菜单

    &lt;DIV id=file5 style="DISPLAY: block"&gt; &lt;UL&gt; &lt;LI&gt;&lt;IMG src="images/_line4.gif" align=absMiddle&gt;&lt;IMG src="images/_line1.gif" align=absMiddle&gt;&lt;IMG src="images/file.gif" align=absMiddle&gt;&nbsp;&lt;A ...

    仿Facebook底部工具栏的实现

    &lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;...

    h4界面开发

    &lt;li&gt;&lt;a href="#"&gt;&lt;span&gt;党务政务公开&lt;/span&gt;&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;&lt;span&gt;规划动态&lt;/span&gt;&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;&lt;span&gt;政府信息公开&lt;/span&gt;&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;&lt;span&gt;网上服务&lt;/span&gt;&lt;/a&gt;&lt;/li&gt; ...

    元旦倒计时JavaScript代码

    &lt;p&gt;元旦倒计时:&lt;/p&gt; &lt;div class="time"&gt; &lt;span class="day"&gt;0&lt;/span&gt; &lt;span&gt;天&lt;/span&gt; &lt;span class="hour"&gt;1&lt;/span&gt; &lt;span&gt;小时&lt;/span&gt; &lt;span class="minute"&gt;2&lt;/span&gt; &lt;span&gt;分&lt;/span&gt; &lt;span class=...

    网页全屏广告代码

    &lt;div class="main_c pr"&gt; &lt;a href="#" title="" class="start_btn"&gt;&lt;/a&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class="banner b5" style=" background-image:url(images/banner_17.jpg);display:none;" id="banner5"&gt; &lt;div class...

    悬浮层效果

    &lt;li&gt;&lt;span class="letsp14"&gt;密码&lt;/span&gt;:&lt;span style="padding-left:14px"&gt;&lt;input class="wid" type="password"/&gt;&lt;/span&gt;&lt;/li&gt; &lt;li&gt;验证&lt;span class="letsp14"&gt;码&lt;/span&gt;:&lt;span style="padding-left:14px"&gt;&lt;input ...

    图片上传插件 webuploader

    &lt;div class="statusBar" style="display:none;"&gt; &lt;div class="progress"&gt; &lt;span class="text"&gt;0%&lt;/span&gt; &lt;span class="percentage"&gt;&lt;/span&gt; &lt;/div&gt;&lt;div class="info"&gt;&lt;/div&gt; &lt;div class="btns"&gt; &lt;div id=...

    跨年烟花代码,兔年吉祥,大吉大利~

    &lt;div style="display:none"&gt; &lt;div class="shape"&gt;兔年吉祥&lt;/div&gt; &lt;div class="shape"&gt;突飞猛进&lt;/div&gt; &lt;div class="shape"&gt;阖家幸福&lt;/div&gt; &lt;div class="shape"&gt;万事如意&lt;/div&gt; &lt;div class="shape"&gt;心想事成&lt;/...

    html js实现的组织架构图,可拖动

    &lt;div class="line-v"&gt;&lt;span&gt;&lt;/span&gt;&lt;/div&gt; &lt;span class="strt-name"&gt;电脑品牌&lt;/span&gt; &lt;div class="line-v"&gt;&lt;span&gt;&lt;/span&gt;&lt;/div&gt; &lt;div class="strt-block"&gt; &lt;div class="strt-part"&gt; &lt;span ...

    ASP.Net电子商务网站后台模板

    &lt;li id="now19"&gt;&lt;a title="生成文件管理" href="#" target="content3"&gt;&lt;span&gt;生成文件管理&lt;/span&gt;&lt;/a&gt;&lt;/li&gt; &lt;li id="now1a"&gt;&lt;a title="标签管理" href="#" target="content3"&gt;&lt;span&gt;标签管理&lt;/span&gt;&lt;/a&gt;&lt;/li&gt; &lt;li...

    蔚蓝网上书店首页代码

    &lt;div class="book_sort_bg"&gt;&lt;img src="images/dd_book_cate_icon.gif" alt="图书" /&gt; 图书商品分类&lt;/div&gt; &lt;div class="book_sort_bottom"&gt;悬疑 | 言情 | 职场 | 财经&lt;/div&gt; &lt;div class="book_sort_bottom"&gt;文学 |...

    jQuery H5倒计时自动随机抽奖代码.zip

    &lt;p&gt;距抽奖开始还有:&lt;/p&gt; &lt;span class="day"&gt;&lt;/span&gt; &lt;b class="b_one"&gt;天&lt;/b&gt; &lt;span class="hour"&gt;&lt;/span&gt; &lt;b class="b_two"&gt;时&lt;/b&gt; &lt;span class="minute"&gt;&lt;/span&gt; &lt;b class="b_three"&gt;分&lt;/b&gt; &lt;span class=...

Global site tag (gtag.js) - Google Analytics