Question

我有一个图像滑块，描述从左到右。现在我需要使文本对齐合理，我想将文本放在中心。如果我向CSS添加任何属性，它就不起作用。

setting.$descpanel=$('<div class="fadeslidedescdiv" valign="center"></div>')
        .css({position:'absolute', visibility:'hidden', width:'100%', left:0, top:0,right:setting.dimensions[1],bottom:0, font:fadeSlideShow_descpanel.fontStyle, zIndex:'1001'})
        .appendTo(setting.$wrapperdiv)
    $('<div class="descpanelbg" valign="center"></div><div class="descpanelfg" valign="center"></div>') //create inner nav panel DIVs
        .css({position:'absolute', left:0, top:150, width:setting.$descpanel.width(), padding:'20px'})
        .eq(0).css({background:'#000000', opacity:0.7,}).end() //"descpanelbg" div
        .eq(1).css({color:'white'}).html(setting.closebutton + setting.longestdesc).end() //"descpanelfg" div
        .appendTo(setting.$descpanel)

Answer 1

你已经拥有了这个div的class所以只需在CSS中执行：

.descpanelfg { text-align: center; }

如果你的意思是中间（不是中心），你必须先给它固定的高度，例如：

.descpanelfg { height: 20px; line-height: 20px; vertical-alignment: middle; }

如何改变描述来到div的中心？

1 个答案: