如何將文字保持在同一位置？

在我的reactjs應用程序中，我實現了一個崩潰，但我想保留在同一位置下的文本。我想這個CSS：如何將文字保持在同一位置？

.cart{ 
    position: relative; 
     top:70px; 
}

這是不行的，我怎麼能保持「這個留在了這裏」在相同的位置，與例如如果可能的話有些模糊？

更多代碼在這裏：codepen

來源

2016-11-18 bier hier

當您隱藏它時，您可以放置一個空的虛擬div來代替摺疊的div。 –

你的意思是代替倒塌的div嗎？ –

因此，您可以隱藏與摺疊的div相同尺寸的div，並在摺疊時顯示它。 –

試試這個：

我

HTML工作：

<head> 
    <title>React JS</title> 
</head> 

<body> 
    <div id="app"></div> 
<p>this stays here</p> 
</body> 

</html>

CSS：

html, body { 
     margin: 0; 
     font-family: 'Roboto', Arial, sans-serif; 
     font-size: 1.2em; 
    } 

    .cart 
    { 
     position:relative; 
    } 

p { 
    position: absolute; 
    top:30px; 
    z-index:-1; 
}

來源

2016-11-18 08:18:39

以及如何在脫落時使文字模糊？ –

不知道嘗試谷歌的東西 –

將摺疊組件包裹在div中並給它一定的高度。

<div style={{height: '130px'}}> 
    <Collapse in={this.state.open}> 
     .... 
    </Collapse> 
</div>

來源

2016-11-18 08:58:49 Vikramaditya

如何將文字保持在同一位置？

回答

相關問題