<!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. Python大法之告别脚本小子系列—信息资产收集类脚本编写(下)

    作者:阿甫哥哥 原文来自:https://bbs.ichunqiu.com/article-1618-1.html 系列文章专辑:Python大法之告别脚本小子系列目录: 0×05 高精度字典生成脚本 ...

  2. [Swift]扩展UIColor：实现十六进制颜色字符串与UIColor之间的相互转换

    对[UIColor]进行扩展 import UIKit extension UIColor { // Hex String -> UIColor convenience init(hexStri ...

  3. Eclipse中java内存溢出

    1.点击Window --->Preferences,如下图  

  4. Linux - 参考链接

    01 - Linux系统监控的Shell脚本 常用的主机监控Shell脚本 使用Shell脚本对Linux系统和进程资源进行监控 02 - Linux系统结构 Linux 系统结构详解 03 - Li ...

  5. Java异步执行多个HTTP请求的例子（需要apache http类库）

    直接上代码 package org.jivesoftware.spark.util; import java.io.IOException; import java.util.concurrent.C ...

  6. 个人总结的一个中高级Java开发工程师或架构师需要掌握哪几点！

    今天,我来唠叨几句~~ 知识改变命运,对于Java程序员来说,技术不断更新,只有及时充电,才能不被市场淘汰.今天为大家分享Java程序员学习的6个小技巧. 1.一定要看书 现在学习Java变得比以前容 ...

  7. (转)linux进程 linux线程 信息查看 ps top pstree

    原文:https://blog.csdn.net/xiaoliuliu2050/article/details/81912202 https://blog.csdn.net/u011734144/ar ...

  8. .net core使用NLog+Elasticsearch记录日志

    在微服务或分布式系统中,如果将日志作为文件输出,查看系统日志将非常不便:如果将日志保存到数据库中,又不能进行全文搜索.在这里我们将日志输出到ElasticSearch中,借助Kibana再查找日志. ...

  9. go http.Handler

    http1 package main import ( "log" "net/http" "fmt" ) func main() { db: ...

  10. Linux_CentOS-服务器搭建 <七>

    设置Linux下Mysql表名不区分大小写 对linux安装mysql不熟悉的(查看我那一系列的文章第一篇): http://www.cnblogs.com/Alandre/p/3365535.htm ...