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
相关文档:
string tent = this.TextBox_info.Text.Replace("<", "<").Replace(">", ">").Replace(" ", " ").Trim().Replace("\n", "<br/>");
& ......
/// <summary>
/// 去掉所有HTML标签
/// </summary>
/// <param name="strHtml">源字符串</param> ......
最近经常会模拟网页提交返回网页源码,然后获得网页中相应的元素,于是需要常常解析Html中相应的各种元素,网络是个好东西,搜索一番,就找到了
好几个Delphi版本的HtmlParser的类库,试着使用了几个,发现解析起来都不完整,或多或少的回出现一些问题!于是想到了如果界面上有一个浏
览器,我们可以通过WebBrowser的Docu ......
在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);
如果问题不 ......
(转自CSDN论坛问题回帖)
meta是用来在HTML文档中模拟HTTP协议的响应头报文。meta 标签用于网页的<head>与</head>中,meta 标签的用处很多。meta 的属性有两种:name和http-equiv。
name属性主要用于描述网页,对应于content(网页内容),以便于搜索引 ......