Question

背景：我目前正在尝试修改Wordpress上的Royal Slider插件

目标：我希望将字幕宽度设置为100％（与图片一样宽）。

问题：我正在努力使用CSS编码，并且一段时间没有修补过来。

编辑：当前（错误）编码：

仍有问题。

<div class="rsContent">
  {{image_tag}}
<div class="rsCaption"> 
    <h3>{{title}}</h3> 
    <p>{{description}}</p>
<div class="outerDiv" style="width: 100%"></div>
<div class="sliderDiv style="width: 100%"></div>
<div class="captionDiv" style="width: 100%"></div>
  {{thumbnail}}
  {{html}}
  {{animated_blocks}}
  {{#link_url}}
  <a class="rsLink" href="{{link_url}}">{{title}}</a>
  {{/link_url}}
</div>

链接到该页面： http://www.mountainobsession.com/peaks-o-the-week-mount-temple/

提前致谢。我真的很挣扎。

Answer 1

您可以将链接发布到您的实际页面，以便更容易看到正在发生的事情。或者，如果您想自己动手，可以使用chrome检查工具。

修改：点击链接后访问：

我检查了你的页面，发现类rsGCaption继承了你的顶级div css样式。我发现通过将您的位置属性从绝对设置为相对属性。解决这个问题的唯一方法是创建一个外部div

<div class="outerDiv"> "Give this width as you like" 
  <div class="sliderDiv> "make width to 100%"
  </div>
  <div class="captionDiv"> "make width to 100%"
  </div>
 "put any number of divs below as you like and don't forget to close them properly"
</div>

我试过这个并且适合我。让我知道这是怎么回事。

在CSS中居中标题

1 个答案: