一行显示多个div 并居中显示

最新推荐文章于 2024-03-15 13:53:06 发布

奚学长又装死

最新推荐文章于 2024-03-15 13:53:06 发布

阅读量989

点赞数

分类专栏： JavaScript/JQuery

本文链接：https://blog.csdn.net/likekobe2012/article/details/51670810

版权

JavaScript/JQuery 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

代码：主要是样式：display:table-cell;

<style>
	.primary_button
	{	
		border-style:solid; 
		border-width:1px; 
		border-color:#ebebeb;
		cursor:pointer;
		width:298px;
		height:130px;
		display:table-cell;
        vertical-align:middle;
	}
</style>
	
	
	<center style="margin-top:50px">
    	<div class="primary_button" >
    		<table class="myTable">
    			<tr>
    				<td rowspan="2"><img id="u4_img"  src="../images/taskAllNew/icon01.png"></td>
    				<td class="paddingTd"><p class="bigText"><span>通用立项</span></p></td>
    			</tr>
    			<tr>
    				<td class="paddingTd"><p class="smallText"><span>一般类项目立项入口</span></p></td>
    			</tr>
    		</table>
    	</div>
    	
    	<div style="width:80px;display:table-cell;"></div>
    	
    	<div class="primary_button" >
    		<table class="myTable">
    			<tr>
    				<td rowspan="2"><img id="u4_img"  src="../images/taskAllNew/icon02.png"></td>
    				<td class="paddingTd"><p class="bigText"><span>管道规划立项</span></p></td>
    			</tr>
    			<tr>
    				<td class="paddingTd"><p class="smallText"><span>传输网管道类立项入口</span></p></td>
    			</tr>
    		</table>
    	</div>
	</center>