css - 居中 rsCaption

Question

我目前正在尝试在 Wordpress 上修改我的 Royal Slider 插件（http://dimsemenov.com/plugins/royal-slider/）

我的目标是将所有标题上的文本居中，并使标题宽度为 100%

这是正在工作的代码：

<div class="rsContent">
  {{image_tag}}
<div class="rsCaption"> 
    <h3>{{title}}</h3> 
    <p>{{description}}</p>
</div> 
  {{thumbnail}}
  {{html}}
  {{animated_blocks}}
  {{#link_url}}
  <a class="rsLink" href="{{link_url}}">{{title}}</a>
  {{/link_url}}
</div>

这是我真的不知道的部分：

#rsCaption { 
position: absolute;
text-align: center;

我也不确定位置。

任何指导/链接都会很棒。我是一个完全新手，试图慢慢弄清楚这些东西。

Answer 1

首先你有class="rsCaption"并且你的css说#rsCaption哪个是ids。所以你的 CSS 应该是这样的：

.rsContent { 
    position: relative;
    /* rest of the code that already exists */

}
    .rsContent .rsCaption {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%; 
        margin: 0;
    }

这只是一个疯狂的猜测，取决于你现在拥有什么。如果我能在某个地方看到它在起作用，那将是另外一回事。