zoukankan      html  css  js  c++  java
  • css制作表格

    <!DOCTYPE html>
    <html lang="en">
    <head>
    	<meta charset="UTF-8">
    	<title>table</title>
    	<style>
    		*{
    			margin: 0;
    			padding: 0;
    		}
    		table{
    			 100%;
    			height: 120px;
    			margin:10px auto 0;
    			table-layout: fixed;
    			border-collapse: collapse;
    			color: blue;
    		}
    		table,table tr,table td{
    			border:1px solid #ccc;
    		}
    		table td{
    			11%;
    			text-align: center;
    			text-overflow: ellipsis;
    			white-space: nowrap;
    			overflow: hidden;
    		}
    	</style>
    </head>
    <body>
    	<table>
    		<tr>
    			<td>沃普丰(well-phone)</td>
    			<td>广信</td>
    			<td>华硕(ASUS)</td>
    			<td>蓝魔(Ramos)</td>
    			<td>CAPPU</td>
    			<td>华度(huadu)</td>
    			<td>E XUN</td>
    			<td>美翼(Meiwings)</td>
    			<td>中诺(CHINO-E)</td>
    		</tr>
    		<tr>
    			<td>亿通(ETON)</td>
    			<td>JEASUNG</td>
    			<td>传奇(SAGA)</td>
    			<td>首信(CAPITEL)</td>
    			<td>富可视(InFocus)</td>
    			<td>博悦</td>
    			<td>优豊(UPHONE)</td>
    			<td>Conquest</td>
    			<td>BROR</td>
    		</tr>
    		<tr>
    			<td>至尊宝(Best sonn)</td>
    			<td>云狐手机(NFOX)</td>
    			<td>关爱心</td>
    			<td>斐讯(PHICOMM)</td>
    			<td>优摩(UMO)</td>
    			<td>NAMO</td>
    			<td>明基(BenQ)</td>
    			<!-- <td>途耐</td>
    			<td>MOBA</td> -->
    		</tr>
    	</table>
    </body>
    </html>
    

      

  • 相关阅读:
    大数据学习笔记01
    寻址方式
    指令格式
    虚拟存储器
    高速缓冲存储器Cache
    双端口RAM和多模块存储器
    主存储器与CPU的连接
    半导体存储器
    存储系统——基本概念
    算术逻辑单元
  • 原文地址:https://www.cnblogs.com/-CLAY-/p/tabel.html
Copyright © 2011-2022 走看看