Html CSS将div center放置在居中div中
我所做的是在中间放置一个div。但是，我无法将这些按钮置于居中div的中心。我希望将所有行置于中心。这些分离器可以调整，因为我只想分离它们 .按钮{ 填充：13px 5%； 字体大小：24px； 字体大小：粗体； 文本对齐：居中； 颜色：黑色； 背景色：f4ef73； 边框颜色：黑色； 边框样式：实心； 边框宽度：4px； 边界半径：15px； 浮动：左； } .行{ 浮动：左； 宽度：100%； 显示：块； } 居中{ 背景颜色：蓝色； 保证金：自动； 宽度：400px； 高度：200px； } .分离土{ 宽度：100%； 高度：20px； 浮动：左； } .分离醇{ 宽度：5%； 高度：60px； 浮动：左； } 1. 2. 3. 4. 1. 2. 3. 4. .按钮{ 填充：13px 5%； 字体大小：24px； 字体大小：粗体； 文本对齐：居中； 颜色：黑色； 背景色：f4ef73； 边框颜色：黑色； 边框样式：实心； 边框宽度：4px； 边界半径：15px； 浮动：左； } .行{ 浮动：左； 宽度：100%； 显示：块； } 居中{ 背景颜色：蓝色； 保证金：自动； 宽度：400px； 高度：200px； } .分离土{ 宽度：100%； 高度：20px； 浮动：左； } .分离醇{ 宽度：5%； 高度：60px； 浮动：左； } 1. 2. 3. 4. 1. 2. 3. 4.Html CSS将div center放置在居中div中,html,css,Html,Css,我所做的是在中间放置一个div。但是，我无法将这些按钮置于居中div的中心。我希望将所有行置于中心。这些分离器可以调整，因为我只想分离它们 .按钮{ 填充：13px 5%； 字体大小：24px； 字体大小：粗体； 文本对齐：居中； 颜色：黑色； 背景色：f4ef73； 边框颜色：黑色； 边框样式：实心； 边框宽度：4px； 边界半径：15px； 浮动：左； } .行{ 浮动：左； 宽度：100%； 显示：块； } 居中{ 背景颜色：蓝色； 保证金：自动； 宽度：400px； 高度：200
请尝试下面可能会有用
div {
width: 100px;
height: 100px;
background-color: red;
position: absolute;
top:0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
}
请尝试下面可能会有用
div {
width: 100px;
height: 100px;
background-color: red;
position: absolute;
top:0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
}
FlexBox可以帮助您如下所示： *{框大小：边框框；} .按钮{ 填充：13px 5%； 字体大小：24px； 字体大小：粗体； 文本对齐：居中； 颜色：黑色； 背景色：f4ef73； 边框颜色：黑色； 边框样式：实心； 边框宽度：4px； 边界半径：15px； } .行{ 宽度：100%； 显示器：flex； 弯曲方向：行； 证明内容：之间的空间； 填充：20px； } 居中{ 背景颜色：蓝色； 保证金：自动； 宽度：400px； 高度：200px； } .分离土{ 宽度：100%； 高度：20px； } .分离醇{ 宽度：5%； 高度：60px； } 1. 2. 3. 4. 1. 2. 3. 4.
FlexBox可以帮助您如下所示： *{框大小：边框框；} .按钮{ 填充：13px 5%； 字体大小：24px； 字体大小：粗体； 文本对齐：居中； 颜色：黑色； 背景色：f4ef73； 边框颜色：黑色； 边框样式：实心； 边框宽度：4px； 边界半径：15px； } .行{ 宽度：100%； 显示器：flex； 弯曲方向：行； 证明内容：之间的空间； 填充：20px； } 居中{ 背景颜色：蓝色； 保证金：自动； 宽度：400px； 高度：200px； } .分离土{ 宽度：100%； 高度：20px； } .分离醇{ 宽度：5%； 高度：60px； } 1. 2. 3. 4. 1. 2. 3. 4. .按钮{ 填充：13px 5%； 字体大小：24px； 字体大小：粗体； 文本对齐：居中； 颜色：黑色； 背景色：f4ef73； 边框颜色：黑色； 边框样式：实心； 边框宽度：4px； 边界半径：15px； 宽度：20px； 显示：内联块； } .行{ 宽度：100%； 显示：块； 文本对齐：居中； } 居中{ 背景颜色：蓝色； 保证金：自动； 宽度：400px； 高度：200px； } .分离土{ 宽度：100%； 高度：20px； 浮动：左； } .分离醇{ 宽度：5%； 高度：60px； 浮动：左； } 1. 2. 3. 4. 1. 2. 3. 4. .按钮{ 填充：13px 5%； 字体大小：24px； 字体大小：粗体； 文本对齐：居中； 颜色：黑色； 背景色：f4ef73； 边框颜色：黑色； 边框样式：实心； 边框宽度：4px； 边界半径：15px； 宽度：20px； 显示：内联块； } .行{ 宽度：100%； 显示：块； 文本对齐：居中； } 居中{ 背景颜色：蓝色； 保证金：自动； 宽度：400px； 高度：200px； } .分离土{ 宽度：100%； 高度：20px； 浮动：左； } .分离醇{ 宽度：5%； 高度：60px； 浮动：左； } 1. 2. 3. 4. 1. 2. 3. 4. 您可以使用flexbox： 身体 html{ 身高：100%； } .集装箱{ 宽度：100%； 身高：100%； } .按钮{ 填充：13px 5%； 字体大小：24px； 字体大小：粗体； 文本对齐：居中； 颜色：黑色； 背景色：f4ef73； 边框颜色：黑色； 边框样式：实心； 边框宽度：4px； 边界半径：15px； } .行{ 宽度：100%； 显示器：flex； 证明内容：周围的空间； 对齐项目：居中； 边缘顶部：5vh； } 居中{ 背景颜色：蓝色； 保证金：自动； 宽度：100%； 身高：100%； 显示器：flex； 弯曲方向：立柱； 证明内容：中心； 对齐项目：居中； } 1. 2. 3. 4. 1. 2. 3. 4. 您可以使用flexbox： 身体 html{ 身高：100%； } .集装箱{ 宽度：100%； 身高：100%； } .按钮{ 填充：13px 5%； 字体大小：24px； 字体大小：粗体； 文本对齐：居中； 颜色：黑色； 背景色：f4ef73； 边框颜色：黑色； 边框样式：实心； 边框宽度：4px； 边界半径：15px； } .行{ 宽度：100%； 显示器：flex； 证明内容：周围的空间； 对齐项目：居中； 边缘顶部：5vh； } 居中{ 背景颜色：蓝色； 保证金：自动； 宽度：100%； 身高：100%； 显示器：flex； 弯曲方向：立柱； 证明内容：中心； 对齐项目：居中； } 1. 2. 3. 4. 1. 2. 3. 4. 使用边框框在指定的大小内包含边框宽度。 而不是使用.separateRow包含边距值按钮类 我使用了18.75%的宽度，因为在您的代码中您提到宽度为5%，所以空间5*5为25%，其余75%为4个按钮75%/4
margin-right: 0px
margin-bottom: 0px
margin-right: 0px
margin-bottom: 0px
因为这里我们使用的是累计保证金。了解累计保证金和折叠式保证金。您尝试过吗？我想，既然你正在设计div本身的样式，这会造成相当大的混乱。你试过这个吗？我认为，由于您正在设计div本身的样式，这将产生相当大的混乱，但它不是动态的，我的意思是，当屏幕大小减小时，这些按钮仍然处于相同的位置。有没有办法解决这个问题？因为我不想允许滚动。你可以为此编写mediaquery。当您在小屏幕中使用内联块时，默认情况下它会自动换行。如果您能提供更多详细信息，我们将不胜感激。如果您使用内联块，则无需使用任何分隔符。在小屏幕上，它会自动换行。您还可以使用文本alig管理它的对齐方式
但它不是动态的，我的意思是当屏幕尺寸减小时，这些按钮仍然处于相同的位置。有没有办法解决这个问题？因为我不想允许滚动。你可以为此编写mediaquery。当您在小屏幕中使用内联块时，默认情况下它会自动换行。如果您能提供更多详细信息，我们将不胜感激。如果您使用内联块，则无需使用任何分隔符。在小屏幕上，它会自动换行。您还可以使用父标记中的文本对齐来管理它的对齐。但是它不是动态的，我的意思是当屏幕大小减小时，这些按钮仍然处于相同的位置。有没有办法解决这个问题？因为我不想允许滚动，但它不是动态的，我的意思是当屏幕尺寸减小时，这些按钮仍然处于相同的位置。有没有办法解决这个问题？因为我不想允许滚动，但它不是动态的，我的意思是当屏幕尺寸减小时，这些按钮仍然处于相同的位置。有没有办法解决这个问题？因为我不想允许滚动，但它不是动态的，我的意思是当屏幕尺寸减小时，这些按钮仍然处于相同的位置。有没有办法解决这个问题？因为我不想允许滚动，但它不是动态的，我的意思是当屏幕尺寸减小时，这些按钮仍然处于相同的位置。有没有办法解决这个问题？因为我不想允许滚动替换宽度：400px；在中，id中心的最大宽度为：400px；。如果不让我知道，但按钮之间的空间能更大吗？@androidnewbie因此更好地使用display:flex属性作为行类名。如果你想让eqal空格都使用justify content:space between我指的是使用separatorCol的效果，所以我可以在按钮之间添加一些空格，但它不是动态的，我的意思是当屏幕大小减小时，这些按钮仍然处于相同的位置。有没有办法解决这个问题？因为我不想允许滚动替换宽度：400px；在中，id中心的最大宽度为：400px；。如果不让我知道，但按钮之间的空间能更大吗？@androidnewbie因此更好地使用display:flex属性作为行类名。如果您想要eqal空间，请全部使用justify content:space between我的意思是使用separatorCol的效果，因此我可以在按钮之间添加一些空格