Bootstrap

【HTML】已经废弃的align(图像对齐方式)

今天讲的一个属性是已经废弃了的。写这个笔记主要是给过去的习惯画一个句号。

特性通常用来表明页面的其他部分怎么环绕在图像周围。但HTML5不再支持这一特性,新建的网站通常都会使用CSS来控制图像的对齐方式,而不会再在元素标签里面使用这个特性了。

下面的代码里,所使用到的图片是我事先准备好的。

先看看代码




	
	img



	

red wine 不过,这里还必须加注“熟成的波尔多”这几个字。波尔多葡萄酒的发展其实是由英国带起的(法国南部一带[包括波尔多地区]统称阿奎丹大洲,古时候此地曾为阿奎丹公国。阿奎丹公国的公爵夫人与英国国王结婚,阿奎丹也因此成为英国的领土[1152年~1453年]。),英国人偏好熟成的葡萄酒,也因此出现了“波尔多需熟成10年以上再饮用”这样的名言。

留意 标签,最后有一个 属性,值为 。

效果图

再来看第二段代码





	
	img



	

red wine 不过,这里还必须加注“熟成的波尔多”这几个字。波尔多葡萄酒的发展其实是由英国带起的(法国南部一带[包括波尔多地区]统称阿奎丹大洲,古时候此地曾为阿奎丹公国。阿奎丹公国的公爵夫人与英国国王结婚,阿奎丹也因此成为英国的领土[1152年~1453年]。),英国人偏好熟成的葡萄酒,也因此出现了“波尔多需熟成10年以上再饮用”这样的名言。

标签最后一个属性是 ,值为 。

效果图

之说以讨论 特性,是因为如果平时在查看一些旧网站的时候,很可能就会遇到它。而一些可视化编辑器仍然会在你设定图像的对齐方式时向代码插入 特性。

比如旧版本的Dreamweaver,我读大学时,课堂上用的就是Dreamweaver

再次提醒的是:这里所说的align特性,H5是不支持在标签里面添加这个属性,但仍然支持在CSS用这个特性的。

支持以下几个比较常用的特性

(水平对齐)

该特性值将图像左对齐(使文本环绕在图像的右边)。即图像会被置于左侧,同时文本环绕在它周围。

(水平对齐)

该特性值将图像右对齐(使文本环绕在图像的左边)。即图像会被置于右侧,同时文本环绕在它周围。

(垂直对齐)

    该值将周围文本的第一行与图像的顶端对齐。即top值将文本的第一行置于靠近图像顶端的位置,后方的文本行则在图像的下方显示。

(垂直对齐)

    该值将周围文本的第一行与图像的中间对齐。即middle值将文本的第一行置于靠近图像的中间位置,后方的文本行则在图像的下方显示。

(垂直对齐)

    该值将周围文本的第一行与图像的低端对齐。即bottom值将文本的第一行置于靠近图像低端的位置,后面的文本行则在图像的下方显示。

懒得上代码~

H5又不支持,感觉讲了一章废话~