<section id="slide-2" class="homeSlide">
<div class="bcg"
data-center="background-position: 50% 0px;"
data-top-bottom="background-position: 50% -100px;"
data-bottom-top="background-position: 50% 100px;"
data-anchor-target="#slide-2"
>
<div class="hsContainer">
<div class="hsContent"
data-center="opacity: 1"
data-center-top="opacity: 0"
data--100-bottom="opacity: 0;"
data-anchor-target="#slide-2"
>
<h2>TextTextTextTextTextTextTextTextText
TextTextTextTextTextTextTextText</h2>
</div>
</div>
</div>
</section>
为什么我的container size not relative
文本大小?为什么要占用整个宽度?如何减小carries the h2 text
的容器宽度?
div
和h2
均为块元素。这意味着,除非您指定宽度,否则它们将占用可用的宽度。为了达到您想要的效果,您可以尝试在h2
-元素上设置display: inline;
。但是,当元素具有position: fixed
时,这将不起作用,在这种情况下,您需要在换行元素上设置固定位置。
查看更多关于位置固定显示内联问题