博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
HTML设置表格
阅读量:4462 次
发布时间:2019-06-08

本文共 852 字,大约阅读时间需要 2 分钟。

1. 设置表格内容对齐方式

在HTML中通常通过align设置对齐方式,文字是: text-align ,表格是:align

如果将align属性设置给<table>标签,只能改变<table>整体的对齐方式,不会影响内容的对齐方式,如下图所示:

  
    
    
    
  
  
    
    
    
  
  
    
    
    
  
姓名 年龄 性别
张三 18
王五 22

  

 

 

如果希望表格中的内容对齐,那么将align属性设置给<tr>或者<td>就可以实现了,如下图所示:

  
    
    
    
  
  
    
    
    
  
  
    
    
    
  
姓名 年龄 性别
张三 18
王五 22

  

 

2.去除表格单元格之间的空隙

从上面两个表格中我们发现单元格与单元格之间存在空隙,去除空隙的代码和效果图如下:

table,td,th {    border: 1px solid black;    border-collapse: collapse;}

  

 

转载于:https://www.cnblogs.com/belongs-to-qinghua/p/10951021.html

你可能感兴趣的文章
用户职责请求组查询
查看>>
怎样让心情保持平静?
查看>>
error LNK1281: 无法生成 SAFESEH 映像 LNK2026 模块对于 SAFESEH 映像是不安全的 VS2015 /win10...
查看>>
字符类型转换
查看>>
C# 多线程
查看>>
最大子数组求解两个
查看>>
Python-列表、元组、字典
查看>>
Select 使用不当引发的core,你应该知道的
查看>>
冷知识 —— 计算机科学及编程
查看>>
新技能 get —— 使用 python 生成词云
查看>>
西雅图之行
查看>>
ASP.NET MVC异步上传文件
查看>>
c# 关于Threading.ApartmentState
查看>>
java annotation
查看>>
小程序获取当前页面路径
查看>>
ecos中断机制分析(1)
查看>>
shift:清除前一个参数
查看>>
学点编码知识又不会死:Unicode的流言终结者和编码大揭秘
查看>>
Oracle EBS 根据工作日历取工作日
查看>>
Android中通过typeface设置字体
查看>>