极速网站
申请会员 文章投稿 ACCP教程网公告:
搜索: 您的位置主页>图文教程>网页教程>html教程>

设定图像字画对其方式

2008-05-08 12:28:57 来源:互联网 作者: 收藏本页 点击:
图像和文字的之间的对齐是通过align属性来设定的, align的对齐方式有两种:即绝对对齐和相对对齐。绝对对齐方式的效果和文字一样,只有三种:居中(middle)、居左(left)、居右(right)。相对文字对齐方式是指图像与一行文字的相对位置。

对其属性align的设定

属 性 值
对 齐 方 式
top 上对齐
middle 居中对齐
bottom 下对齐
left 左对齐
right 右对齐

实例:

<html>
<head>
<title>控制图像相对于文字基准线的水平对齐方式</title>
</head>
<body>
<img src="../../imge/6-2.jpg" align="left">
此图像相对于文字基准线为靠上对齐的多行文字<br>试想在圆月朦胧之夜,海棠是这样的妩媚而嫣润;枝头的好鸟为什么却双栖而各梦呢?在这夜深人静的当儿,那高踞着的一只八哥儿,又为何尽撑着眼皮儿不肯睡去呢?他到底等什么来着?舍不得那淡淡的月儿么?舍不得那疏疏的帘儿么?不,不,不,您得到帘下去找,您得向帘中去找——您该找着那卷帘人了?他的情韵风怀,原是这样这样的哟!朦胧的岂独月呢;岂独鸟呢?但是,咫尺天涯,教我如何耐得?<br>我拚着千呼万唤;你能够出来么?
<br>这页画布局那样经济,设色那样柔活,故精采足以动人。虽是区区尺幅,而情韵之厚,已足沦肌浃髓而有余。我看了这画。瞿然而惊:留恋之怀,不能自已。故将所感受的印象细细写出,以志这一段因缘。但我于中西的画都是门外汉,所说的话不免为内行所笑。——那也只好由他了。
<p>
<hr color="#00ff00">
<img src="../../imge/6-2.jpg" align="right">
此图像相对于文字基准线为靠上的多行文字对齐<br>试想在圆月朦胧之夜,海棠是这样的妩媚而嫣润;枝头的好鸟为什么却双栖而各梦呢?在这夜深人静的当儿,那高踞着的一只八哥儿,又为何尽撑着眼皮儿不肯睡去呢?他到底等什么来着?舍不得那淡淡的月儿么?舍不得那疏疏的帘儿么?不,不,不,您得到帘下去找,您得向帘中去找——您该找着那卷帘人了?他的情韵风怀,原是这样这样的哟!朦胧的岂独月呢;岂独鸟呢?但是,咫尺天涯,教我如何耐得?<br>我拚着千呼万唤;你能够出来么?
<br>这页画布局那样经济,设色那样柔活,故精采足以动人。虽是区区尺幅,而情韵之厚,已足沦肌浃髓而有余。我看了这画。瞿然而惊:留恋之怀,不能自已。故将所感受的印象细细写出,以志这一段因缘。但我于中西的画都是门外汉,所说的话不免为内行所笑。——那也只好由他了。
<p>
<hr color="#00ff00">
<img src="../../imge/6-2.jpg" align="top">
此图像相对于文字基准线为顶部单行对齐<p>
<hr color="#00ff00">
<img src="../../imge/6-2.jpg" align=bottom>
此图像相对于文字基准线为底线单行对齐</p>
<p>
<hr color="#00ff00">
<p><img src="../../imge/6-2.jpg" align="middle">
此图像相对于文字基准线为置中单行对齐</p>
<p>&nbsp;</p>
<p><a href="#" onClick="javascript:window.history.back()">返回</a></p>
<p>
</body>
</html>

效果:

此图像相对于文字基准线为靠上对齐的多行文字
试想在圆月朦胧之夜,海棠是这样的妩媚而嫣润;枝头的好鸟为什么却双栖而各梦呢?在这夜深人静的当儿,那高踞着的一只八哥儿,又为何尽撑着眼皮儿不肯睡去呢?他到底等什么来着?舍不得那淡淡的月儿么?舍不得那疏疏的帘儿么?不,不,不,您得到帘下去找,您得向帘中去找——您该找着那卷帘人了?他的情韵风怀,原是这样这样的哟!朦胧的岂独月呢;岂独鸟呢?但是,咫尺天涯,教我如何耐得?
我拚着千呼万唤;你能够出来么?
这页画布局那样经济,设色那样柔活,故精采足以动人。虽是区区尺幅,而情韵之厚,已足沦肌浃髓而有余。我看了这画。瞿然而惊:留恋之怀,不能自已。故将所感受的印象细细写出,以志这一段因缘。但我于中西的画都是门外汉,所说的话不免为内行所笑。——那也只好由他了。

 


此图像相对于文字基准线为靠上的多行文字对齐
试想在圆月朦胧之夜,海棠是这样的妩媚而嫣润;枝头的好鸟为什么却双栖而各梦呢?在这夜深人静的当儿,那高踞着的一只八哥儿,又为何尽撑着眼皮儿不肯睡去呢?他到底等什么来着?舍不得那淡淡的月儿么?舍不得那疏疏的帘儿么?不,不,不,您得到帘下去找,您得向帘中去找——您该找着那卷帘人了?他的情韵风怀,原是这样这样的哟!朦胧的岂独月呢;岂独鸟呢?但是,咫尺天涯,教我如何耐得?
我拚着千呼万唤;你能够出来么?
这页画布局那样经济,设色那样柔活,故精采足以动人。虽是区区尺幅,而情韵之厚,已足沦肌浃髓而有余。我看了这画。瞿然而惊:留恋之怀,不能自已。故将所感受的印象细细写出,以志这一段因缘。但我于中西的画都是门外汉,所说的话不免为内行所笑。——那也只好由他了。

 


此图像相对于文字基准线为顶部单行对齐

 


此图像相对于文字基准线为底线单行对齐

 

 


此图像相对于文字基准线为置中单行对齐




标签:
评论总数:0 [ 发布评论 ] 网友评论
关于我们 - 版权声明 - RSS订阅 - 网站地图 - 网站帮助 成都水货手机网