<!doctype
html
public
"-//w3c//dtd
xhtml
1.0
transitional//en"
"http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">
<html
xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta
http-equiv="content-type"
content="text/html
charset=utf-8"
/>
<title>无标题文档</title>
<style
type="text/css">
<!--
body
{
background-color:
#0000ff
}
-->
</style>
</head>
<body>
<img
src="./images/sky.gif"
width="80"
height="80"
/>
本网页支持简体中文
</body>
</html>
HTML代码<div style="background:#0000FF"><img src="sky.gif" width="80" height="80" /></div>
不是很理解你的文字动态排版???
是不是,图片居中?或者居又显示,如果是的话,你这样
------------------
<div style="background:#0000FFoverflow:hiddencolor:#FFFFFF"><img src="sky.gif" width="80" height="80" align="right" />文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字</div>
---------------------------------------------
这段样式的意思是
background:#0000FFoverflow:hiddencolor:#FFFFFF
背景色 为蓝色 高度自动 字体颜色为白色
<img src="sky.gif" width="80" height="80" align="right" />
图片的意思
align对齐: 分别是 top 头 left 右 right 左
-----------------------------------------------看你自己选择