云南网站建设创新企业 昆明多彩网络公司

在线qq:540105663

html入门:图像属性-图像对齐和环绕文字

来源:昆明多彩网络公司 日期:2010-10-21 阅读: 发表评论

如何在html中设置环绕图片文字,包括左环绕,右环绕和垂直居中等。

注:最好的方法应该使用css样式表来设置环绕图片文字,下面用灰色文字显示代码,用橘红色显示的是实例效果。

设置文字环绕图像的西欧奥过,你需要用到下面图片属性标签:algin="left";algin=“right”;因此,图像属性标签看起来像这样:<img src="next.jpg" align="left" />

现在只要在图片标签前后输入文本,文本会环绕图像,不是图像的下一行开始,下面是一个例子:

嗯....我觉得图片的展示方式应该是多样的.. <br /><img src="../images/next.jpg" align="left" />好,这些文本应该环绕<br />像现在这样。<br />我会继续写作<br />写了又写<br />直到我写累了。

效果:

我觉得图片的展示方式应该是多样的..
你好,这个文本应该环绕
像现在这样。
我会继续写作
写了又写
直到我写累了....

如果您在在很大的区域内加入文本,可以去掉上面换行符。我只是用来适当换行以获得一定的美观度。

你也可以做的align =“right”的实例,结果正和你想象的一样,图像将在文本的右侧,您的文本将环绕在左边,是不是很棒?

那么:我们可以再来学习图像“Alt”属性。

发表评论评论列表(有 条评论)