我有一个问题,我已将所有元素排列在一行中。水平对齐所有HTML元素
其实它应该是这样的。
我在创建表格的帮助下创建了这个表格,并将每个ProgressBar作为Div ELements添加到表格单元格中。由于某种原因,这是不工作在IE 7中。
所以,我想创建使用div元素的html没有任何表。现在,它看起来像这样:
能否请你告诉我,我缺少的是什么?
这里是CSS代码:
div.coverage-container {
border: 1px solid rgba(0, 0, 0, 0.13);
width:370px;
height:30px;
}
div.progressbar-content{
width: 95px;
text-align: center;
float:left;
border: 1px solid rgba(0, 0, 0, 0.13);
}
div.progressbar-maindiv {
background-color: #DAE2E3;
border-radius: 13px 13px 13px 13px;
margin: 3px -9px 3px 114px;
padding: 3px;
width: 75px;
float:left;
}
.progressbar-percentage {
background-color: #F23F54;
border-radius: 15px 15px 15px 15px;
height: 15px;
width: 80.00%;
}
.progressbar-chart-icon { margin-right: 5px; float:right; text-align: center; }
下面是HTML代码:
<div class="coverage-container">
<div class="progressbar-content">
<div class="progressbar-maindiv">
<div class="progressbar-percentage">
<center>80%</center>
</div>
</div>
<img width="21" height="21" title="Get Trends" src="http:/localhost/newccft2/Content/images/chart-graph-icon.png" class="progressbar-chart-icon" />
</div>
<div class="progressbar-content">
<div class="progressbar-maindiv">
<div class="progressbar-percentage">
<center>80%</center>
</div>
</div>
<img width="21" height="21" title="Get Trends" src="http:/localhost/newccft2/Content/images/chart-graph-icon.png" class="progressbar-chart-icon">
</div>
<div class="progressbar-content">
<div class="progressbar-maindiv">
<div class="progressbar-percentage">
<center>80%</center>
</div>
</div>
<img width="21" height="21" title="Get Trends" src="http:/localhost/newccft2/Content/images/chart-graph-icon.png" class="progressbar-chart-icon">
</div>
</div>
仅供参考,
嗨德里克,如果
使用CSS,text-align:center; –