首页 > 其他分享 >table布局为什么不用了?

table布局为什么不用了?

时间:2024-02-11 19:55:26浏览次数:27  
标签:网页 表格 布局 不用 table 排版 页面

table 就应该是 用来做表格展示。而不应该用它做页面布局。

table是一个html标签。它在老旧的项目里用来做网页布局。

table布局的优点当然是四四方方,它跟网页排版有种莫名的契合感。把页面看作是一个表格来进行排版。

但是,它也有它致命的缺点。就是它不够灵活自由。

假如你的页面并不是规规矩矩的四方形。要实现一些特殊的效果时,例如折叠、隐藏、变形,整个布局会被打乱。而且最要命的是table太死板了。牵一发而动全身。一个格子变化,会影响周围的三个格子都发生变形。

标签:网页,表格,布局,不用,table,排版,页面
From: https://www.cnblogs.com/2008nmj/p/18013483

相关文章

  • idea修改jetty代码后不用重启项目
    确保是Debug模式 注意:上面还有个是:updateresources,这个配置应该是只会更新JS和JSP这些,而不会重新编译class文件,如果选择updateclassesandresources会重新编译java文件和JSP,js,相当于热部署。(这个有时候会报错不能删除jar包,多切换几次上面的更新的......
  • Unity Scriptable Object概述
    如何理解ScriptableObjectScriptableObject是一种数据容器(datacontainer),通常被用来存储大量的数据,并且不依赖于类实例。换句话说,ScriptableObject本身就是一个存放数据的实例。ScriptableObject没有继承自MonoBehavior,而是继承自ScriptableObject,所以ScriptableObject不能......
  • Java并发编程-CompletableFuture(上)
    大家好,我是小高先生,这篇文章我将和大家一起学习Java并发编程中很重要的一个类-CompletableFuture。 在Java的并发编程领域,Future接口一直扮演着关键的角色,它定义了一组与异步任务执行相关的方法,包括获取异步任务的结果、取消任务执行以及检查任务是否已完成等。然而,随着业务场......
  • Java并发编程-CompletableFuture(下)
    大家好,我是小高先生,书接上文,我们继续来学习CompletableFuture。上文我们讲了基础装Future是如何升级为神装CompletableFuture以及如何购买CompletableFuture,接下来我们一起来学习如何在战斗中使用CompletableFuture。CompletableFuture的基本使用CompletableFuture的实战案例C......
  • C#的DataTable、List、Dictionary、JSON、XML之间的转换
    1.DataTable转List//创建一个DataTable对象DataTabledataTable=newDataTable();//将DataTable转换为List<DataRow>List<DataRow>dataList=dataTable.AsEnumerable().ToList(); 2、DataTable转Dictionary//创建一个DataTable对象DataTabledataTable=new......
  • el-image实现在el-table-column中展示多张图片,且能够大图循环预览
    效果:能在表格中展示且点击需要查看的即可放大查看,多组图片放大时可左右切换  核心代码:注意:workPhoto是图片地址的数组通过v-for来遍历每个列表的图片地址数组,结合:src="item"把每个图片展示在表格里,展示图片的大小样式用style来设定通过:perview-src-list="getImgList(s......
  • 使用iptables拒绝某IP连接本机
    背景在开发工作中,经常遇到需要验证网络策略相关问题。例如是否具有自动重连机制,需要将网络策略先断开,然后放开看服务是否正常运行。在linux系统中可以使用iptables来实现该效果。使用路由规则查看当前系统路由规则iptables-L添加禁止ip访问策略,例如访问ip:192.168.1.......
  • 将软件随身携带——portableapps使用
    引言你是否曾有过这样的欲望,把软件装到u盘里,到哪里都可以随时使用,如果是这样的话,那么这篇文章你一定要看!什么是便携式应用便携式应用可不是光不用安装,把软件安装文件夹拷贝到u盘就完事了,便携式应用可以把软件+数据一同带在u盘里,这样走到哪里,都可以“即插即用”。PortableApps......
  • Sparse Table Advanced Skills
    Storeatupleof(valueofmaximum,indexofmaximum,valueofthesecondmaximum).Tomergetwosegments,wecompareiftheindicesofthemaximumsarethesame.Theycanpossiblybethesamebecauseweoftenqueryintersectingsegmentsinthesparsetab......
  • 使用JQuery双击修改Table中Td
    <html><head><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/><style>table{border-collapse:collapse;border-spacing:0;margin-right:auto;......