html设定显⽰长度,html–设置显⽰表格单元格使⽤百分⽐宽度Fiddle
我有这个表感觉去，使⽤⽆序的列表。但我不知道如何获得表单元格有50％的宽度(我想让每⼀⾏是100％的宽度)。我使⽤display的原因：table-row；和display：table-cell；是这样的，如果参数⽂本超过⼀⾏，我可以垂直对齐数据。我不想使⽤实际的像素或em值的宽度，因为，好吧，我只是希望它的百分⽐，如果它的可能。我宁愿放弃vertical-align。请不要javascript。谢谢！
HTML：
Health Indicies
GGP
265
Comfort
blah
Energy
gooo
CSS：
ul {
margin: 0;
padding: 0;
list-style: none;borderbox
}
.group {
width: 50%;
margin-bottom: 20px;
outline: 1px solid black;
background: white;
box-shadow: 1px 1px 5px 0px gray;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.group h2 {
display: block;
font-size: 14px;
background: gray;
text-align: center;
padding: 5px;
}
.group li {
clear: both;
}
.group p {
padding: 3%;
text-align: center;
font-size: 14px;
}
.group2 li {
display: table-row;
}
.group2 p {
display: table-cell;
vertical-align: middle;
width: 46%;
border-bottom: 2px solid gray; }
.group li:last-child p {
border-bottom: 0;
}

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。