eclipse项目的图片的绝对路径和相对路径及图片与表单居中

1.图片的绝对路径和相对路径

eclipse中项目如下：



绝对路径不会错：例如下图中2.jpg的绝对路径如下：



<img src="D:\NutchWorkPlat\workspace\SearchPlat\WebContent\images\2.jpg" style="width:300px;height:105px;"/>

但是一般项目是需要发布的，这样绝对路径就失效了。需要使用相对路径，这时，我就栽了跟头。因为图片命名是以中文命名的，导致死活出现加载图片失败。正确的是应该用英文命名。

<img src="images/3.jpg" style="width:300px;height:105px;"/>

2.图片和表单居中

图片居中text-align:center;vertical-align:middle;但是表单居中text-align:center;vertical-align:middle;一般不起作用。

我是通过设置绝对定位以及调节margin 来完成的。具体如下

<div  style="position:absolute;top:50%; left:50%;margin:-100px 0 0 -300px;text-align:center;vertical-align:middle;">
	<img src="images/3.jpg"  style="width:300px;height:105px;"/>
	<form  id="search" name="search" action="search" method="get">
		<input id="word" name="param" type="text" style=" width:500px; height:30px;">
		<input style="color: blue;width:80px; height:30px;" type="submit" value="查询" >
	</form>
</div>