<!DOCTYPE html>

<html lang="en">

<head>

	<meta charset="UTF-8">

	<title>table</title>

	<style>

		*{

			margin: 0;

			padding: 0;

		}

		table{

			width: 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{

			width: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>

　　

css制作表格的更多相关文章

  1. div+css 制作表格

    <div class="table"> <h2 class="table-caption">花名册:</h2> <di ...

  2. div+css制作表格

    html: <div class="table"> <h2 class="table-caption">花名册:</h2> ...

  3. Css制作table细线表格

    制作细线表格,我想应该是最基本的css知识了,记录下来巩固下. 推荐: table{ border-collapse:collapse; border: 1px solid #000000; } td ...

  4. ul+li标签制作表格

    table标签制作表格代码繁琐,且不方便后期代码维护. li标签加上css的浮动样式可以制作多种样式的表格. 代码如下: <ul id="ttttt" style=" ...

  5. 利用DIV+CSS制作网页过程中常用的基本概念及标签使

    CSS主要用于对HTML文件功能的补充及扩展,其作用就是对HTML文件中各种排版进行设置,达到对网页中字体.颜色.背景.图片等的控制,使网页能够完全依照设计者的想法来显示. CSS可以控制网页的显示, ...

  6. CSS制作水平垂直居中对齐

    作为前端攻城师,在制作Web页面时都有碰到CSS制作水平垂直居中,我想大家都有研究过或者写过,特别的其中的垂直居中,更是让人烦恼.这段时间,我收集了几种不同的方式制作垂直居中方法,但每种方法各有千秋呀 ...

  7. 利用DIV+CSS制作网页过程中常用的基本概念及标签使用细节

    CSS主要用于对HTML文件功能的补充及扩展,其作用就是对HTML文件中各种排版进行设置,达到对网页中字体.颜色.背景.图片等的控制,使网页能够完全依照设计者的想法来显示. CSS可以控制网页的显示, ...

  8. CSS制作水平垂直居中对齐 多种方式各有千秋

    作为前端攻城师,在制作Web页面时都有碰到CSS制作水平垂直居中,我想大家都有研究过或者写过,特别的其中的垂直居中,更是让人烦恼.这段时间,我收 集了几种不同的方式制作垂直居中方法,但每种方法各有千秋 ...

  9. CSS制作三角形和按钮

    CSS制作三角形和按钮 用上一篇博文中关于边框样式的知识点,能制作出三角形和按钮. 我先说如何制作三角形吧,相信大家在平时逛网站的时候都会看到一些导航栏中的三角形吧,比如说: 网易首页的头部菜单栏中, ...

随机推荐

  1. 解决“UnicodeEncodeError: 'gbk' codec can't encode character u'\xa9' in position 24051: illegal multibyte sequence”错误

    今天我在爬取一个网页时出现了下面这个错误: UnicodeEncodeError: 'gbk' codec can't encode character u'\xa9' in position 240 ...

  2. 理解js中的函数调用和this

    概述 这是我看typescript的时候看引用资源看到的,原文在这里:Understanding JavaScript Function Invocation and "this" ...

  3. 小游戏——金庸奇侠传（JAVA,对面向对象的进一步了解）

    金庸群侠传 游戏运行界面:   游戏实现源码: package game.logic; //人类 public class Person { public String name; //名字 Pers ...

  4. iOS开发笔记（Swift）－通用App安装引导页的实现

    之前一直做的项目都是基于OC开发的,最近开始尝试使用Swift语言来重写整个项目. 本篇文章主要是讲述如何使用Swift来实现常见的通用App安装引导界面. 效果预览: 实现思路: 主要是采用了UIS ...

  5. windows phone开发-windows azure mobile service使用入门

    在使用azure之前,我一直只能做本地app,或者使用第三方提供的api,尽管大多数情况下够用,但是仍不能随心所欲操纵数据,这种感觉不是特别好.于是在azure发布后,我就尝试使用azure来做为个人 ...

  6. 【xsy1303】生成树 乱搞

    题目大意:给你n个点,问这n个点构成的最小标准差生成树的值 这题题解里面写的都是什么代码?? 你用O(n^4)的复杂度,枚举出两条边,然后求平均数. 对于剩下的边,我们求出这些边与平均数的差,然后求最 ...

  7. Xshell连接ESXI方法

    第一步.ESXI打开ssh功能按住F2进入设置如下图: 第二步.输入密码 第三步.选择Troubleshooting Options 回车 第四步.选择Enable SSH 这里只介绍了一种方式打开E ...

  8. activitemq整合spring

    activitemq整合spring 一.activmq的点对点模型 pom.xml: <?xml version="1.0" encoding="UTF-8&qu ...

  9. IE不支持 Promise 解决办法

    引入 <script src = "https://cdn.polyfill.io/v2/polyfill.min.js"></script> 或 < ...

  10. 从零开始学 Web 之 HTML5（一）HTML5概述，语义化标签

    大家好,这里是「 从零开始学 Web 系列教程 」,并在下列地址同步更新...... github:https://github.com/Daotin/Web 微信公众号:Web前端之巅 博客园:ht ...