11.6　对齐方式

在网页中，可能要用到层（DIV标记）来包含多媒体面板，当文本与面板同时存在时，按默认的对齐方式，文本与面板都是向左对齐的，所以出现的效果不会好，要改变这种方式就要对其设置对齐。与其他属性设置对齐一样，面板对齐的语法也用align表示，表示对齐方式，其参数值如下面表示。

align=top、bottom、center、baseline、left、right、texttop、middle、absmiddle、absbottom

参数align在标记＜embed＞中表示该参数控制面板和当前行中的对象的对齐方式。各参数值表示如下。

❑center：控制面板居中。

❑left：控制面板居左。

❑right：控制面板居右。

❑top：控制面板的顶部与当前行中的最高对象的顶部对齐。

❑bottom：控制面板的底部与当前行中的对象的基线对齐。

❑baseline：控制面板的底部与文本的基线对齐。

❑texttop：控制面板的顶部与当前行中的最高的文字顶部对齐。

❑middle：控制面板的中间与当前行的基线对齐。

❑absmiddle：控制面板的中间与当前文本或对象的中间对齐。

❑absbottom：控制面板的底部与文字的底部对齐。

通过上面参数的表示，下面代码表示面板与其他对象（如文字或图片）的对齐方式。

＜embed src="your.mid"align=top＞

以上代码表示引入your.mid这个多媒体文件，且控制面板与网页顶端对齐，又如下面的代码。

＜embed src="your.mid"align=center＞

表示引入your.mid多媒体文件的面板居中对齐，在代码11.6中用实例表示参数align在多媒体标记中的用法。

代码11.6　源代码\第11章\多媒体面板的对齐.html

—————————————文件名：多媒体面板的对齐.html—————————————

01 ＜html＞

02 ＜head＞

03 ＜title＞多媒体面板的对齐＜/title＞

04 ＜/head＞

05 ＜body＞

06 下面是mp3文件：

07 ＜br＞

08 ＜embed src="smak slow.mp3"align="right"＞

09 ＜br＞

10 多媒体面板的对齐

11 ＜/body＞

12 ＜/html＞

【代码解析】第8行引入多媒体文件的面板，同时面板设置为向右对齐，文字和面板默认条件是向左对齐，所以目前是文字在左边，多媒体面板在右边。效果如图11.6所示。

图　11.6　多媒体面板的对齐

说明　多媒体标记＜embed＞除了以上这些参数外，还有常用的如ID、CLASS等，这些内容将会在学习CSS内容时详解。