易截截图软件、单文件、免安装、纯绿色、仅160KB

HTML中的内联元素与块级元素(inline and block)

<html>
<head>
<title>block and inline test</title>
</head>
<body>
<div>div1</div>
<div>div2</div>
<div>div3</div>
<span>span1</span>
<span>span2</span>
<span>span3</span>
</body>
</html>
上面代码的现实效果如下:
div1
div2
div3
span1 span2 span3
可见,div(块元素)是自动占一行的;而span(内联元素)是共占一行的。 
块元素和内联元素可以进行转换(通过设置CSS样式中的display属性)
 <html>
<head>
<title>block and inline test</title>
</head>
<body>
<div style="display: inline" style="display: inline">div1</div>
<div style="display: inline" style="display: inline">div2</div>
<div style="display: inline" style="display: inline">div3</div>
<span style="display: block" style="display: block">span1</span>
<span style="display: block" style="display: block">span2</span>
<span style="display: block" style="display: block">span3</span>
</body>
</html>
上面代码的显示效果如下:
div1
div2
div3
span1 span2 span3
可见块元素转换成了内联元素,内联元素转换成了块元素
内联元素在不设置高和宽时,显示出了内联元素的特性。但是设置了高或宽时,又显示出了块元素的特性……
未设置高/宽---:
<html>
<head>
<title>block and inline test</title>
</head>
<body>
<div style="background-color: silver; border-bottom: 1px solid #000;">div1********<br />
******</div>
<div style="">div2</div>
<div style="">div3</div>
<span style="background-color: yellow; border-bottom: 1px solid #000;">span1********<br />
******</span>
<span style="">span2</span>
<span style="">span3</span>
</body>
</html>
效果图:
设置了高/宽---:
<html>
<head>
<title>block and inl


相关文档:

TextBox 超链接替换成HTML超链接形式


            string tent = this.TextBox_info.Text.Replace("<", "&lt;").Replace(">", "&gt;").Replace(" ", "&nbsp;&nbsp;&nbsp;&nbsp;").Trim().Replace("\n", "<br/>");
       & ......

去除字符串中的Html代码

        /// <summary>
        /// 去掉所有HTML标签
        /// </summary>
        /// <param name="strHtml">源字符串</param> ......

Delphi 通过MSHTML实现一个HTML解析类

最近经常会模拟网页提交返回网页源码,然后获得网页中相应的元素,于是需要常常解析Html中相应的各种元素,网络是个好东西,搜索一番,就找到了
好几个Delphi版本的HtmlParser的类库,试着使用了几个,发现解析起来都不完整,或多或少的回出现一些问题!于是想到了如果界面上有一个浏
览器,我们可以通过WebBrowser的Docu ......

FCKeditor提交失败返回内容变html的解决方法

在FckEditor.Net 2.64和asp.net 2.0的环境下发现如下问题:如果浏览器执行返回动作,FckEditor编辑框内显示html代码:
  解决方法是:修改文件FCKEditor\editor\fckeditor.html,在window.onload = function()的函数第一行添加
  FCK.LinkedField.value=FCKTools.HTMLDecode(FCK.LinkedField.value);
  如果问题不 ......

[转帖]HTML文档中小meta标签的大作用

(转自CSDN论坛问题回帖)
    meta是用来在HTML文档中模拟HTTP协议的响应头报文。meta   标签用于网页的<head>与</head>中,meta   标签的用处很多。meta   的属性有两种:name和http-equiv。
    name属性主要用于描述网页,对应于content(网页内容),以便于搜索引 ......
© 2009 ej38.com All Rights Reserved. 关于E健网联系我们 | 站点地图 | 赣ICP备09004571号