<!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. 简介jsp

    1.JSP简介 Java动态网页技术标准(Java Server Pages)是基于Servlet技术以及整个Java体系的Web开发技术是用于动态生成HTML文档的Web页面模板JSP是为了改进Se ...

  2. githug rename_commit 修改已经commit但还没push的一条message

    githug 第 45 关, 一开始对 git rebase -i 这个东西有误解, 记录一下正确的用法 ddmobadeMac-mini:git_hug ddmoba$ githug reset 4 ...

  3. 用O(1)的时间复杂度删除单链表中的某个节点

    给定链表的头指针和一个结点指针,在O(1)时间删除该结点.链表结点的定义如下: struct ListNode { int m_nKey; ListNode* m_pNext; }; 函数的声明如下: ...

  4. 简单标签SimpleTag

    想要开发自定义标签,大多数情况下都要重写doStartTag(),doAfterBody()和doEndTag()方法,并且还要知道SKIP_BODY,EVAL_BODY等等的变量代表着什么,在什么方 ...

  5. [Leetcode]827.使用回溯+标记解决最大人工岛问题

    在二维地图上, 0代表海洋, 1代表陆地,我们最多只能将一格 0 海洋变成 1变成陆地. 进行填海之后,地图上最大的岛屿面积是多少?(上.下.左.右四个方向相连的 1 可形成岛屿) 示例 1: 输入: ...

  6. Django --ORM常用的字段和参数 多对多创建形式

    1 ORM字段 AutoField int自增列,必须填入参数 primary_key=True.当model中如果没有自增列,则自动会创建一个列名为id的列. IntegerField 一个整数类型 ...

  7. 使用Jexus服务器运行Asp.Net Core2.0程序

    前段时间写了篇关于.net core跨平台部署的文章.https://my.oschina.net/lichaoqiang/blog/1861977 主要讲述了,利用Nginx+CentOS+Supe ...

  8. 工厂模式-Spring的InitializingBean实现

    一.创建产品角色接口: package org.burning.sport.design.pattern.factorypattern.spring.factory; public interface ...

  9. 获取屏幕宽度，将view移出屏幕再移动回来

    public class MainActivity extends AppCompatActivity { private TextView kuandu; float curTranslationX ...

  10. Spring Cloud Hystrix——熔断器

    1.雪崩效应在微服务架构中通常会有多个服务层调用,基础服务的故障可能会导致级联故障,进而造成整个系统不可用的情况,这种现象被称为服务雪崩效应.服务雪崩效应是一种因“服务提供者”的不可用导致“服务消费者 ...