Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/41.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 如何将非固定子对象居中于固定父对象内_Html_Css - Fatal编程技术网
Fatal编程技术网
  • html/
  • Html 如何将非固定子对象居中于固定父对象内

Html 如何将非固定子对象居中于固定父对象内

html css

Html 如何将非固定子对象居中于固定父对象内,html,css,Html,Css,我有一个位置：固定的容器（div#popup） #弹出窗口{ 高度：60vh； 宽度：60vw； /*可见性：隐藏*/ 位置：固定； 左：20vw； 顶部：20vh； 边界半径：8%； 背景色：rgb（241237231）； } #弹出式窗体{ 位置：静态； 保证金：自动； } 提交 您可以使容器显示：flex，flex direction:column并使用对齐内容：中心 #弹出窗口{ 高度：60vh； 宽度：60vw； /*可见性：隐藏*/ 位置：固定； 左：20vw； 顶部：20vh

我有一个
位置：固定的
容器
（div#popup）



#弹出窗口{
高度：60vh；
宽度：60vw；
/*可见性：隐藏*/
位置：固定；
左：20vw；
顶部：20vh；
边界半径：8%；
背景色：rgb（241237231）；
}
#弹出式窗体{
位置：静态；
保证金：自动；
}



提交

您可以使容器
显示：flex
，
flex direction:column
并使用
对齐内容：中心



#弹出窗口{
高度：60vh；
宽度：60vw；
/*可见性：隐藏*/
位置：固定；
左：20vw；
顶部：20vh；
边界半径：8%；
背景色：rgb（241237231）；
显示器：flex；
弯曲方向：立柱；
证明内容：中心；
}
#弹出式窗体{
位置：静态；
保证金：自动；
}



提交

您可以使容器
显示：flex
，
flex direction:column
并使用
对齐内容：中心



#弹出窗口{
高度：60vh；
宽度：60vw；
/*可见性：隐藏*/
位置：固定；
左：20vw；
顶部：20vh；
边界半径：8%；
背景色：rgb（241237231）；
显示器：flex；
弯曲方向：立柱；
证明内容：中心；
}
#弹出式窗体{
位置：静态；
保证金：自动；
}



提交

它可以工作！顺便说一句，为了使两者居中，我可以使用对齐项目和对齐内容。谢谢。@SunR它有效！顺便说一句，为了使两者居中，我可以使用对齐项目和对齐内容。谢谢。@SunR