body, html { width: 100%; height: 100%; margin: 0; padding: 0; float: left; } #proTypeSwitchTwo{ width: 100%; display: flex; align-items: center; justify-content: space-between; height: 34px; margin-top: 6px; } #proTypeSwitchTwo1{ width: 100%; display: flex; align-items: center; justify-content: space-between; height: 34px; margin-top: 6px; } #proTypeSwitchTwo2{ width: 100%; align-items: center; justify-content: space-between; height: 34px; margin-top: 6px; } #proTypeSwitchTwo .switch{ height: 100%; padding: 0 10px 0 10px; display: flex; align-items: center; cursor: pointer; } .switch-css{ background-color: #1AA094; color: #FFFFFF; } table{ /*将表格布局设为fixed,默认是auto*/ table-layout: fixed; } .th_rname{ /*自定义单元格高度*/ height: 100px; } .td_rname{ /* 强制不换行 */ white-space: nowrap; /* 超出部分显示省略号 */ text-overflow: ellipsis; /* 隐藏超出内容 */ overflow: hidden; } #proTypeSwitchTwo>div:nth-child(1){ height: 100%; display: flex; align-items: center; justify-content: center; border: 1px solid #E4E4E4; border-radius: 5px; }