Fatal编程技术网
  • javascript/
  • Javascript css网格系统中的模态定位

Javascript css网格系统中的模态定位

javascript html css

Javascript css网格系统中的模态定位,javascript,html,css,Javascript,Html,Css,我试图将其按钮在网格列2中单击的模态置于中心位置。谁能给我指一下正确的方向吗。当然，我不想硬编码任何利润（响应性） 现在它（绿色div）仅显示/限制在网格列2，如下所示 显示：网格； 网格模板柱：1fr 1fr； 身高：100%； 利润率：10px嗨，我想你要找的是宽度最大的内容，有一些填充和空白0px自动 margin: 0px auto; width: max-content; padding: 10px; max-width:100%; //for responsive purpose

我试图将其按钮在网格列2中单击的模态置于中心位置。谁能给我指一下正确的方向吗。当然，我不想硬编码任何利润（响应性）

现在它（绿色div）仅显示/限制在网格列2，如下所示

显示：网格；
网格模板柱：1fr 1fr；
身高：100%；

利润率：10px嗨，我想你要找的是宽度最大的内容，有一些填充和空白0px自动


margin: 0px auto;
width: max-content;
padding: 10px;
max-width:100%; //for responsive purposes.


然后做一个环绕的div并将其固定。并将上述样式应用于周围div中的div

这是做一个周围的div，你可以在里面设计你的东西，它将居中

旁注：如果div落在其他元素下面，只需将z索引设置为1


z-index:1;



请发布一个简单的例子来展示你的模态行为。目前，无法回答您的问题。请在此处共享您的代码，以便我们可以澄清错误。我认为从
左侧
计算（50%模态宽度）
可以是一种合理的方法。@GyuHyeonChoi我尝试过，但家长（相对）没有这样做将是
grid-2
，然后从
左侧
模态宽度/2
，具有更高的
z-index
？