如图所示,请帮助实现表格中使用html的单元格内的背景色加载器.我试着用下面的方法来设计,但没有奏效
<table>
<tr>
<td><div style="width:20%;background-color:blue;">12345</div></td>
</tr>
<table>
但在为单元格内的div指定宽度后,文本也会根据div宽度移动. 我需要把值放在单元格的中心,背景 colored颜色 宽度应该根据我的计算增加或减少.
如图所示,请帮助实现表格中使用html的单元格内的背景色加载器.我试着用下面的方法来设计,但没有奏效
<table>
<tr>
<td><div style="width:20%;background-color:blue;">12345</div></td>
</tr>
<table>
但在为单元格内的div指定宽度后,文本也会根据div宽度移动. 我需要把值放在单元格的中心,背景 colored颜色 宽度应该根据我的计算增加或减少.
您可以这样做:
table{
border:1px lightgray solid;
}
td{
width:100px;
height:20px;
position:relative;
}
div{
height:100%;
background:lightblue;
}
p{
position: absolute;
left: 50%;
top: -25%;
transform: translate(-50%,-50%);
}
<table>
<tr>
<td>
<div style='width:45.5%;'>
</div>
<p>45.5</p>
</td>
</tr>
<table>