0

我正在尝试创建粘在一起的文本元素。当您调整窗口大小时，元素彼此之间保持相同的位置。例如，在下面的示例中，C 位于 P 之下。如果我使用包装器，则该站点将无法使用多种浏览器尺寸。有没有办法把它放在一个固定的地方，让它随着窗户一起移动？

这是一个例子：（Chris Carpenter）（创意设计） http://chris-carpenter.co.uk/

可以用 jQuery 做到这一点吗？

.creative {
text-align: center;
font-size: 40px;
color: #dce0df;
font-family: brush;
}


.chris {
text-align: center;
font-family: helv2;
font-size: 72px;
line-height: 300px;
}

这可能会更好地解释它

http://i.stack.imgur.com/iM8r6.jpg

因此，当您调整窗口大小时，我希望两个文本元素的位置相对于彼此保持相同。

4

1 回答 1

1

你可以用 CSS 2 做到这一点。

这是你想要实现的目标：http: //jsfiddle.net/W5tzs/2/

首先将创意移入克里斯：

<p class="chris">CHRIS CARPENTER<p class="creative">Creative Design</p></p>

然后将相对定位添加到广告素材：

.creative {
    text-align: center;
    position: relative;
    top: -110px;
    left: 100px;
    font-size: 40px;
    color: #dce0df;        
}

随心所欲地调整顶部和左侧。如果您需要在 chris 自动换行时转换创意，请使用媒体查询。如果在窗口非常小时时广告素材移动让您感到困扰，请添加最小宽度。

于 2013-10-29T01:59:06.517 回答