请你说说设置水平居中,垂直居中,设置斑马线表格(纯css)-笔试面试资料

这是qklbishe.com第12745 篇笔试面试资料
提供答案分析,通过本文《请你说说设置水平居中,垂直居中,设置斑马线表格(纯css)-笔试面试资料》可以理解其中的代码原理,这是一篇很好的求职学习资料
本站提供程序员计算机面试经验学习,笔试经验,包括字节跳动/头条,腾讯,阿里,美团,滴滴出行,网易,百度,京东,小米,华为,微软等互联网大厂真题学习背诵。

答案:
请你说说设置水平居中,垂直居中,设置斑马线表格(纯css)

请你说说设置水平居中,垂直居中,设置斑马线表格(纯css) neptoo

水平居中

  • 行内元素:父元素 text-align: center;
  • 宽度固定: margin: 0 auto;
  • flex布局 justify-content: center
  • display: table-cell

垂直居中

  • 单行文本 line-height 设置为 height 值
  • display: table-cell; + vertical-align: middle;
  • flex布局 align-items: center
  • absolute 定位 + transform: translateY(-50%, -50%)

斑马线表格

table{   width: 90%;   border-collapse: collapse; /*边框合并*/ } tr.odd{   background-color: #f6f6f6; } tr{   border-bottom-style: solid;   border-bottom-width: 1px;   border-bottom-color: gray;   height: 35px; } td{   width: 35%;   text-align: center; }

2021-06-08 22:42:28 回复(0)

文章部分来自互联网,侵权联系删除
www.qklbishe.com

区块链毕设网(www.qklbishe.com)全网最靠谱的原创区块链毕设代做网站
部分资料来自网络,侵权联系删除!
资源收费仅为搬运整理打赏费用,用户自愿支付 !
qklbishe.com区块链毕设代做网专注|以太坊fabric-计算机|java|毕业设计|代做平台 » 请你说说设置水平居中,垂直居中,设置斑马线表格(纯css)-笔试面试资料

提供最优质的资源集合

立即查看 了解详情