Question

我试图想出一种方法来将一个“评级”集中在一个表格中，我可以弄清楚如何对齐文本和图像，但我无法弄清楚如何对齐此评级，因为它在技术上不是文本或图片。

代码如下所示

<td align="center" style="text-align: center; vertical-align: middle; background-color: #444444;" 
    valign="top">
    <cc2:DnnRating ID="ProductReviewAverageOverallRatingDnnRating" 
                    runat="server" ReadOnly="true"
                    Value='<%# Eval("ProductReviewAverageOverallRatingDnnRating_Value") %>' 
                    Visible='<%# Convert.ToBoolean(Eval("ProductReviewAverageOverallRatingDnnRating_Visible")) %>'>
    </cc2:DnnRating>

...... 我会假设它会在第一行内的某个地方。正如你可以看到text-align在那里和vertical-align等...但它不起作用。

<td align="center" 
    style="text-align: center; vertical-align: middle; background-color: #444444;" 
    valign="top">

我需要指导如何做或如何实现这一目标，

提前谢谢你这部分来自检查

td valign="top" align="center" style="text-align: center; vertical-align: middle; background-color: #444444;"><div id="dnn_ctr416_ViewRevindexStorefrontProductShowcase_ctl00_ProductShowcaseDnnRotator_i2_ProductReviewAverageOverallRatingDnnRating" class="RadRating RadRating_Default" style="width: 104px; height: 24px;"><ul class="rrtItem"><li class="rrtSelected"></li><li class="rrtSelected"></li><li class="rrtSelected"></li><li class="rrtSelected"><a href="#" title="5"><span></span>

Answer 1

您是否尝试过style =“margin：0px auto;”？我无法分辨出控件呈现的HTML是什么。谢谢！

Answer 2

我假设评论中的列表是从cc2：dnnRating控件生成的html。列表会使用一些填充进行渲染，以便为子弹腾出空间。这会弄乱你的路线吗？您可以使用样式删除子弹和填充，如下所述： W3Schools CSS Navbar

Answer 3

您是否尝试将其包装在SPAN或DIV中，然后使用'margin：0px auto;'

Answer 4

尝试这些样式更改

添加以下css

ul.rrtItem
{
   width:80%;
}

在td添加padding-left 19%和padding-right 19%

在表格中居中非文本

4 个答案: