Responsive design 是否可以创建内容居中的响应圆容器？
一段时间以来，我一直在尝试以下布局：一个大小动态（响应）的圆圈，里面的内容水平和垂直居中。内容的长度会有所不同，因此需要使用绝对居中方法（）或表格单元格方法进行垂直对齐，这两种方法我都未能成功使用Responsive design 是否可以创建内容居中的响应圆容器？,responsive-design,center,vertical-alignment,geometry,alignment,Responsive Design,Center,Vertical Alignment,Geometry,Alignment,一段时间以来，我一直在尝试以下布局：一个大小动态（响应）的圆圈，里面的内容水平和垂直居中。内容的长度会有所不同，因此需要使用绝对居中方法（）或表格单元格方法进行垂直对齐，这两种方法我都未能成功使用 到目前为止，我的尝试-响应比给定心问题增加了一点难度，但您使用填充使圆的比例为1:1是正确的 您要求使用绝对居中或表格单元格方法，但我发现内联块居中（我在本文中介绍）是最可靠的跨浏览器，适用于不同长度的内容，这一点很重要，因为圆圈的大小总是在变化，导致文本回流 这还允许在已使用.Inline Cent
到目前为止，我的尝试-响应比给定心问题增加了一点难度，但您使用
填充.Inline Centerpadding bottom:100%div.content