资讯专栏INFORMATION COLUMN

HTML表格布局

FreeZinG / 1894人阅读

摘要:具体效果图列表里边嵌套子表代码合并表格行或列显示菜单表该列要占用三列菜谱素菜青草茄子花椒扁豆小炒韭菜白豆腐荤菜清蒸龙鱼香肉丝小炒肉水煮肉片列里边嵌入子表购物车名称小计名称小计小计苹果公斤元公斤元香蕉公斤元公斤元总价元

一个后台展示页面需要一个子列可以动态划分出等份的行,如果是固定的还好,可以用rowspan解决,但是这里不固定,所以,只能在列中嵌套一个表了,然后再进行行遍历。

具体效果图-列表里边嵌套子表

代码:





    

合并表格行或列

菜谱
素菜 青草茄子 花椒扁豆
小炒韭菜 白豆腐
荤菜 清蒸龙 鱼香肉丝
小炒肉 水煮肉片

列里边嵌入子表

购物车
1 2 3 4
名称
1
2
1
2
3
小计
名称 2016-11-22 小计 小计
苹果 3公斤 5元/公斤 15元
香蕉 2公斤 6元/公斤 12元
总价 27元

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/51131.html

相关文章

  • CSS学习摘要-布局

    摘要:注全文摘自介绍布局页面布局技术允许我们拾取网页中的元素,并且控制它们相对正常布局流周边元素父容器或者主视口窗口的位置。添加此代码将给出以下结果绝对定位绝对定位绝对定位用于将元素移动到页面的任何位置,以创建复杂的布局。注:全文摘自MDN-介绍CSS布局 CSS页面布局技术允许我们拾取网页中的元素,并且控制它们相对正常布局流、周边元素、父容器或者主视口/窗口的位置。在这个模块中将涉及更多关于页面...

    bigdevil_s 评论0 收藏0
  • 前端开发知识点之 html &css

    摘要:声明允许表现性元素,废气元素以及。众所周知强制属性就是为禁用图片时的兼容性作考虑。而正确的遵循标签的语义,则是保证禁用时的兼容性。这种合并外边距的方式被称为折叠,并且因而所结合成的外边距称为折叠外边距。 HTML&CSS 大纲 对Web标准的理解、浏览器内核差异、兼容性、hack、CSS基本功:布局、盒子模型、选择器优先级、 HTML5、CSS3、Flexbox doctype 声...

    felix0913 评论0 收藏0
  • 前端开发知识点之 html &css

    摘要:声明允许表现性元素,废气元素以及。众所周知强制属性就是为禁用图片时的兼容性作考虑。而正确的遵循标签的语义,则是保证禁用时的兼容性。这种合并外边距的方式被称为折叠,并且因而所结合成的外边距称为折叠外边距。 HTML&CSS 大纲 对Web标准的理解、浏览器内核差异、兼容性、hack、CSS基本功:布局、盒子模型、选择器优先级、 HTML5、CSS3、Flexbox doctype 声...

    Scliang 评论0 收藏0
  • HTML和CSS 入门系列(二):文字、表单、表格、浮动、定位、框架布局、SEO

    摘要:多余的文字会被隐藏五定位透明度居中显示堆叠顺序可用于将在一个元素放置于另一元素之后。属性六框架布局垂直布局水平布局内联框架标签七搜索引擎优化下一篇和系列三变化元素新增标签多媒体新增表单全局属性参考教学视频和小时入门经典视频教程 上一篇:HTML和CSS 入门系列(一):超链接、选择器、颜色、盒模式、DIV布局、图片 一、文字 1.1 属性 showImg(https://segment...

    yanwei 评论0 收藏0
  • HTML和CSS 入门系列(二):文字、表单、表格、浮动、定位、框架布局、SEO

    摘要:多余的文字会被隐藏五定位透明度居中显示堆叠顺序可用于将在一个元素放置于另一元素之后。属性六框架布局垂直布局水平布局内联框架标签七搜索引擎优化下一篇和系列三变化元素新增标签多媒体新增表单全局属性参考教学视频和小时入门经典视频教程 上一篇:HTML和CSS 入门系列(一):超链接、选择器、颜色、盒模式、DIV布局、图片 一、文字 1.1 属性 showImg(https://segment...

    binta 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<