在CSS中,垂直划分对齐
在CSS中,当DIV的大小未知时,动态调整DIV的垂直对齐时会具有挑战性。这是解决此问题的解决方案: CSS解决方案 #center div位于其父级的中心,上面有顶部:50%和保证金顶调整,以占其高度的一半。巨大的线路高点可确保其中的文本内容(在这种情况下,儿童#wrap)保持底部。
内部#center,#wrap在#center中包含图像,#wrap垂直 - align:中间:确保垂直对齐,该垂直对齐不管图像的大小无论多于图像的大小。警告是IE7。为此,内部div #wrap和图像必须在同一行上:
免责声明: 提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请说明详细缘由并提供版权或权益证明然后发到邮箱:[email protected] 我们会第一时间内为您处理。
Copyright© 2022 湘ICP备2022001581号-3