div 实现表格布局

简介:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
< html >
< head >
< style >
     div.table{
         font-size:0;
         width:400px;
         border-top-style: solid;
         border-top-width: 1px;
         border-left-style: solid;
         border-left-width: 1px;
         margin:0 auto;
     }
 
 
     div.table>div>div{
         font-size:18;
         border-right-width: 1px;
         border-right-style: solid;
         border-bottom-width: 1px;
         border-bottom-style: solid;
         width:199px;
         display:inline-block;
         margin:0px;
         padding:0px;
         text-align: center;
     }
 
 
 
     div.table>div:first-child{
         background-color:pink;
     }
 
</ style >
</ head >
< body >
< div  class = "table"  >
     < div >
         < div >ID</ div >
         < div >Name</ div >
     </ div >
 
     < div >
         < div >001</ div >
         < div >xiaohong</ div >
     </ div >
 
     < div >
         < div >002</ div >
         < div >xiaohong</ div >
     </ div >
 
         < div >
         < div >003</ div >
         < div >xiaohong</ div >
     </ div >
 
     < div >
         < div >004</ div >
         < div >xiaohong</ div >
     </ div >
 
     < div >
         < div >005</ div >
         < div >xiaohong</ div >
     </ div >
 
</ div >
 
</ body >
</ html >


 本文转自 antlove 51CTO博客,原文链接:http://blog.51cto.com/antlove/1659342

相关文章
|
前端开发 JavaScript API
2024 新年HTML5+Canvas制作3D烟花特效(附源码)
2024 新年HTML5+Canvas制作3D烟花特效(附源码)
680 0
|
JSON API 数据格式
实时获取小红书笔记详情的API使用与解析
小红书是一个以分享消费经验、生活方式为主的社交平台,拥有大量的用户和内容。为了更好地了解用户在小红书上的行为和内容,许多开发者选择使用小红书开放平台提供的API接口。本文将介绍如何通过小红书笔记详情API实现实时数据获取,并给出相应的代码示例。
|
人工智能 自然语言处理 搜索推荐
阿里云百炼产品月刊【2025年2月】
本期⽉刊主要亮点包括推出全新多模态理解生成大模型通义千问Omni系列,支持文本、图像、语音和视频输入,提供流式输出和四种自然对话音色,新增高性价比图生视频模型wanx2.1-i2v-turbo,生成速度快,耗时仅为旧模型的三分之一。此外,qwen-plus采购季资源包上线,享受8.6折优惠;qwen-max模型降价88%,极大降低使用门槛。智能体应用和工作流应用现支持DeepSeek系列模型,增强私有知识库问答和任务型、对话型工作流构建能力。文件交互和批量节点功能进一步提升应用灵活性和实用性。本月还推出了AI实训营和应用开发实训营,提供手把手AI课程和企业级多模态应用构建指导。
1268 0
|
监控 安全 API
拥抱开源:下一代API管理工具Kong的崛起
【10月更文挑战第27天】在微服务架构和API经济的推动下,API管理成为软件开发的关键环节。Kong作为开源的API管理平台,凭借其灵活性和强大功能,受到开发者的青睐。本文探讨了Kong的核心特性、使用技巧及其在企业中的应用,帮助读者更好地理解和利用这一工具。
|
机器学习/深度学习 存储 人工智能
大白话讲清楚:什么是 Langchain 及其核心概念
大白话讲清楚:什么是 Langchain 及其核心概念
|
安全 程序员 API
最新 | Python 官方中文文档正式发布!
千呼万唤始出来!Python 官方文档终于发布中文版了!受英语困扰的小伙伴终于可以更轻松地阅读官方文档了。
6318 1
最新 | Python 官方中文文档正式发布!
|
JSON 小程序 JavaScript
微信小程序性能优化
微信小程序性能优化
457 0
|
存储 缓存 JavaScript
vue中缓存页面数据(刷新不丢失)
vue中缓存页面数据(刷新不丢失)
1061 1
|
SQL 存储 关系型数据库
Mycat 实现分库分表及读写分离
Mycat 实现分库分表及读写分离
242 0
|
数据采集 安全 API
如何实时获取小红书笔记详情的API使用与解析
小红书是一个以分享消费经验、生活方式为主的社交平台,拥有大量的用户和内容。为了更好地了解用户在小红书上的行为和内容,许多开发者选择使用小红书开放平台提供的API接口。本文将介绍如何通过小红书笔记详情API实现实时数据获取,并给出相应的代码示例。