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/>");
& ......
来源:网络
header文件格式类:
'gif' => 'image/gif',
'jpg' => 'image/jpeg',
'jpeg' => 'image/jpeg',
'jpe' => 'image/jpeg',
'bmp' => 'image/bmp',
'png' => 'image/png',
'tif' => 'image/tiff',
'tiff' => 'image/tiff',
'pict' => 'image/x-pict',
'pic' => 'i ......
一 HTML的定义
HTML(HyperText Mark-up Language)即超文本标记语言或超文本链接标示语言,是目前网络上应用最为广泛的语言,也是构成网页文档的主要语言。HTML文本是由HTML命令组成的描述性文本,HTML命令可以说明文字、图形、动画、声音、表格、链接等。HTML的结构包括头部(Head)、主体(Body)两大 ......
在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);
如果问题不 ......
有时候我们需要在Flex应用中嵌入HTML代码,根据嵌入HTML要求的不同有以下三种方法:
1、Flex文本组件(Label、Text、TextArea)的htmlText属性支持一些基本的HTML代码,例如:
<mx:TextArea>
<mx:htmlText>
<!--[CDATA[
<p align="center"><font size="15" color="#3399ff"> ......