3

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

代码如下所示

<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>

     ...我会假设它会在第一行中的某个地方。如您所见，文本对齐在那里，垂直对齐等......但它不起作用。

<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>
4

4 回答 4

2

你试过 style="margin:0px auto;" 吗？我无法判断控件中呈现的 HTML 是什么。谢谢！

于 2013-05-08T19:17:14.217 回答
0

我假设评论中的列表是从 cc2:dnnRating 控件生成的 html。列表会使用一些填充来渲染，以便为子弹腾出空间。这是搞砸了你的对齐方式吗？您可以使用样式摆脱项目符号和填充，如下所述： W3Schools CSS Navbar

于 2013-05-08T19:38:06.903 回答
0

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

于 2013-05-08T20:08:47.953 回答
0

试试这些风格变化

添加以下CSS

ul.rrtItem
{
   width:80%;
}

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

于 2013-05-09T06:29:55.397 回答