<!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. xampp/apache启动失败解决方法

    我的问题是: 9:15:53 AM  [Apache] Error: Apache shutdown unexpectedly.9:15:53 AM  [Apache] This may be due ...

  2. 使用tinymce富文本

    1.tinymce入门参考 https://www.tiny.cloud/docs/general-configuration-guide/basic-setup/ 2.tinymce安装选项 htt ...

  3. WebRTC学习之ICE深入理解

    ICE(交互式连接建立---Interactive Connectivity Establishment),是一种标准穿透协议.它利用STUN和TURN服务器来帮助端点建立连接.下图显示了ICE的基本 ...

  4. 第二十六节：复习Java语言基础-Java的概述，匿名对象，封装，构造函数

    Java基础 Java语言概述 Java语言 语言 描述 javaee 企业版 javase 标准版 javame 小型版 JDK JDK(Java开发工具包) Java语言 语言 Java语言 Ja ...

  5. 影响 POST 请求文件上传失败的几个环节的配置（php + nginx）

    写在前面 最近写一个 php 接口,接受上传的文件,发现文件只要超过 5m 以上就会无响应失败,最后发现是 shadowsocks 的 timeout 设置问题(我全程开了全局的 VPN),但一开始并 ...

  6. Unicode 字符串排序规则（二）：如何比较字符串

    一.UCA 简介 Unicode Collation Algorithm (UCA) 是 Unicode 规定的如何比较两个字符串大小的算法,也是事实上的标准.我们先来看下它的几个特征. 1.1 Mu ...

  7. spring boot -thymeleaf-url

    绝对路径格式:th:href="@{http://www.baidu.com}" <a th:href="@{http://www.baidu.com}" ...

  8. Enumerable转换为DataTable

    今天在项目组公共类库中发现一个 Enumerable类型转换为DataTable,写的挺精简的,拿出来跟大家共享一下. using System; using System.Collections.G ...

  9. 最小化安装centos5.5

    安装LINUX的办法: 使用光盘 通过网络批量安装LINUX系统 先搭建一个LINUX做为安装的数据源(DHCP服务器,kickat) 设置所有其他要安装LINUX服务器的电脑以NET的方式启动,然后 ...

  10. Java基础系列--final、finally关键字

    原创作品,可以转载,但是请标注出处地址:http://www.cnblogs.com/V1haoge/p/8482909.html 一.概述 final是Java关键字中最常见之一,表示“最终的,不可 ...