JS_div田字格布局

最新推荐文章于 2021-06-28 15:23:31 发布

门没锁啊

最新推荐文章于 2021-06-28 15:23:31 发布

阅读量854

点赞数

分类专栏： JavaWeb

本文链接：https://blog.csdn.net/jwiang/article/details/73770341

版权

JavaWeb 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

        <div id="ozmsDiv" class="msDiv">
        	<a href="http://10.2.1.14:8080/index.htm" target="_Blank">
			<img id="viewerImgPatternForecastOzms" οnclick="javascript:void(0);" src="" width="233px;" height="195px;" style="cursor:pointer;" οnerrοr="javascript:this.src='img/magnifier.jpg'">
	    	</a>
	    </div>
        <div id="rbmsDiv" class="msDiv">
       		<a href="http://10.2.1.14:8080/index.htm" target="_Blank">
			<img id="viewerImgPatternForecastRbms" οnclick="javascript:void(0);" src="" width="233px;" height="195px;" style="cursor:pointer;" οnerrοr="javascript:this.src='img/magnifier.jpg'"">
			<!--<img id="viewerImgPatternForecastRbms" οnclick="javascript:void(0);" src="" width="233px;" height="195px;" style="cursor:pointer;" onMouseOver="myMouseOver(this);" onMouseOut="myMouseOut(this);">-->
	    	</a>
	    </div>
        <div id="dgmsDiv" class="msDiv">
        	<a href="http://10.2.1.14:8080/index.htm" target="_Blank">
			<img id="viewerImgPatternForecastDgms" οnclick="javascript:void(0);" src="" width="233px;" height="195px;" style="cursor:pointer;" οnerrοr="javascript:this.src='img/magnifier.jpg'"">
			</a>
	    </div>
        <div id="cctvmsDiv" class="msDiv">
       		<a href="http://10.2.1.14:8080/index.htm" target="_Blank">
			<img id="viewerImgPatternForecastEu" οnclick="javascript:void(0);" src="" width="233px;" height="195px;" style="cursor:pointer;" οnerrοr="javascript:this.src='img/magnifier.jpg'"">
	   		</a>
	    </div>

<style>
	#ozmsDiv{
		float: left;
	}
	#rbmsDiv{
		float: left;
	}
	#dgmsDiv{
		float: left;
		clear: left;
	}
	#cctvmsDiv{
		float: left;
	}
	.msDiv{
		border:1px solid #000;
		margin:45px 7px 10px 5px;
	}
</style>