Question

这个问题已被分批询问和回答，但我似乎无法完全找到答案。我在bootstrap中有一个响应div，我（1）希望我的画布显示相同的位置和尺寸，（2）希望我的文本显示在画布上方。

DeviceEventEmitter.addListener('keyboardDidShow', this.keyboardWillShow.bind(this))
DeviceEventEmitter.addListener('keyboardDidHide', this.keyboardWillHide.bind(this))

css：

<div class="col-md-9 content-wrapper>
    <canvas id="canvas" resize="true"></canvas>
    <p class="statement">Display this text over canvas</p>
</div>

有什么建议吗？我知道我在画布上需要某种位置css，但我不知道什么，绝对定位会给我带来问题的反应。我也希望远离额外的javascript进行定位，但如果有人能够解释一种不会让它失灵的方法，我会对此提出建议。

谢谢！

Answer 1

你放置

bind

在背景div。

放置

position: relative;

使用Position: absolute;在前景div和位置上。如果使用％

设置前景的宽度，前景容器将相对于背景工作，这意味着它是响应的

将文本定位在响应div中的画布上

1 个答案: