<style>#div{ width:500px; padding-top:10px; }ul,li{ list-style:none; padding:0; }li{ width:120px; float:left; margin:-1px 0 0 -1px;padding:0 2px; border:1px solid #000;line-height:25px}</styl            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                            精选
                                                        
                            2007-11-06 13:15:15
                            
                                9013阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            DIV+CSS实现表格功能
除去(IE6、IE7)不支持不支垂直居中功能已基本实现
http://332374363.blog.51cto.com/5262696/1082748
http://332374363.blog.51cto.com/5262696/1082800
两者代码的结合(css hack)
<!DOCTYPE html PUBLIC "-//W3C//            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2012-12-11 09:38:51
                            
                                10000+阅读
                            
                                                                             
                 
                
                             
         
            
            
            
             1.标签云
 
2.Tree树状结构和 accordion
 
3.Menu菜单
 
占位~~~~
 
 
             
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2010-07-28 10:52:44
                            
                                795阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            6-1.html<html><head><title>年度收入</title><style><!--table{  caption-side:bottom;}--></style>     </head><body> <tab            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2009-08-02 14:58:48
                            
                                1112阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            DIV+CSS是WEB设计标准,它是一种网页的布局方法。与传统中通过表格(table)布局定位的方式不同,它可以实现网页页面内容            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2024-04-29 09:50:19
                            
                                282阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            实现拖拽的方式有很多种,css实现可能不是最好的实现方式,仅供参考。话不多说,先上图需求介绍:主要实现的是 中间区域(红框)内可以托住上下拖动.
功能实现所需:
	resize: css3新增属性,放在div上即可使其可以拖拽,详见:resize介绍文档(https://www.w3school.com.cn/cssref/pr_resize.asp)
	cursor:ns-resize,上下拖拽            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-09-19 22:52:38
                            
                                157阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            这只是探讨一种CSS模拟表格对角线的用法,实际在工作中可能觉得这样做有点小题大作,这不是本主题讨论的重点。如果对此深以为然的朋友,请一笑过之. 首先声明: 这只是探讨一种CSS模拟表格对角线的用法,实际在工作中可能觉得这样做有点小题大作,这不是本主题讨论的重点。如果对此深以为然的朋友,请一笑过之。。。 有时在插入文档时,要用到表格对角线,常见的作法是用图片的方式来处理            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2017-05-01 12:50:10
                            
                                597阅读
                            
                                                        
                                点赞
                            
                                                                             
                 
                
                             
         
            
            
            
            效果:代码:<!DOCTYPE html><html>	<head>		<meta charset="utf-8">		 <meta name="viewport" content="width=device-width, initial-scale=1">		<style type="text/css"&...            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-01-27 13:50:28
                            
                                519阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            效果:代码:<!DOCTYPE html><html>	<head>		<meta charset="utf-8">		 <meta name="viewport" content="width=device-width, initial-scale=1">		<style type="text/css"&...            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2021-08-27 14:26:06
                            
                                620阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            用div css模拟表格对角线这只是探讨一种CSS模拟表格对角线的用法,实际在工作中可能觉得这样做有点小题大作,这不是本主题讨论的重点。如果对此深以为然的朋友,请一笑过之. 首先声明: 这只是探讨一种CSS模拟表格对角线的用法,实际在工作中可能觉得这样做有点小题大作,这不是本主题讨论的重点。如果对此深以为然的朋友,请一笑过之。。。 有时在插入文档时,要用到表格对角线,            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2017-04-28 10:06:43
                            
                                893阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            DIv+CSS实现最简单的表格效果1.html代码如下:<html><head>    <title>div+CSS</title>    <style>        .table{            /*此元素会作为块级表格来显示(类似 <table>),表格前后带有换行符。*/            display:table;            /*border-collapse:collapse            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-11-29 15:46:01
                            
                                1261阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            方法css是层叠样式表(Cascading Style Sheets)的缩写,用于定义HTML元素的显示形式,是W3C推出的格式化网页内容的标准技术。网页设计者必须掌握的技术之一。在HTML文档中加入CSS样式表可分为嵌入式样式表、外部样式表和内联样式表三种,在同一文档内可以同时使用三种方法。发展1.样式定义放在一个单独的文件中,例:新建一个后辍为CSS的样式定义。元素{ 属性color:值red            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-05-08 21:06:19
                            
                                49阅读
                            
                                                                             
                 
                
                             
         
            
            
            
             方法一:  这个方法把 div 的显示方式设置为表格,然后我们可以使用表格的 vertical-align property 属性。HTML & CSS:1 <div class="wrapper">  
2     <div class="cell">
3         <div class="content">
4                       
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-07-20 21:51:39
                            
                                130阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            无标题文档 姓名 成绩 人品 张三 98 差 ...            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2021-08-13 09:56:11
                            
                                221阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            DIV+CSS实现表格功能(不支垂直居中)
对于不支持display:table-cell属性的IE6/7浏览器,又当如何解决呢?
我们可以使用“补差等高法”,就是一个一个很大的margin-bottom负值配上一个同样大小的padding-bottom值。
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2012-12-08 16:46:59
                            
                                711阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            前言:width和heigth不会相互作用 ,各自为政!1、当div设置了固定的长度和宽度后高度和宽度都行!:不管里面有没有内容(可以无视内容),div就是一个框子在那(默认无边框)!即使内容超出,尺寸也不变!#select_box {WIDTH: 330px; HEIGHT: 40px;border:2px solid red;}显示效果:2、若是div设置为百分比的形式宽度无论如何都行!:width:50%;能行! 无视内容! 即使内容超出宽度框的宽度还是50%,内容超出框而存在;高度无论如何都不行!:heigth:50%则不行 高度为内容的高度,如要设置高度 需要用height:50px            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2013-07-05 09:56:00
                            
                                404阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            div显示上下左右滚动条<div style="width:260px;height:120px; overflow:scroll; border:1px solid;"> ·            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2021-07-25 17:08:40
                            
                                573阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            # 用 DIV 创建 HTML5 表格的教程
在网页开发中,表格是一种常用的数据展示方式。尽管 HTML 提供了 `` 标签来实现表格的功能,使用 `` 标签来创建表格样式也变得越来越流行,特别是在响应式设计中。在这篇文章中,我们将讨论如何使用 `` 标签来实现一个表格,并详细解释每个步骤。
## 整体流程
在创建一个使用 DIV 的 HTML5 表格时,可以将整个过程分为以下几个步骤: