在另一个DIV内联显示固定大小的DIV可以通过CSS样式来实现。具体步骤如下:
<div id="container">
<div id="fixedDiv"></div>
</div>
#container {
position: relative;
width: 500px;
height: 300px;
background-color: #f2f2f2;
}
#fixedDiv {
position: absolute;
width: 200px;
height: 100px;
background-color: #ccc;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
在上述代码中,通过设置top和left为50%,以及使用transform属性和translate函数来使固定大小的DIV在容器DIV中居中显示。
<style>
#container {
position: relative;
width: 500px;
height: 300px;
background-color: #f2f2f2;
}
#fixedDiv {
position: absolute;
width: 200px;
height: 100px;
background-color: #ccc;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
</style>
<div id="container">
<div id="fixedDiv"></div>
</div>
通过以上步骤,就可以在另一个DIV内联显示固定大小的DIV,并且通过CSS样式来控制其位置和样式。
没有搜到相关的沙龙
领取专属 10元无门槛券
手把手带您无忧上云