Css 如何在缩放浏览器窗口时使div居中
jsfiddle: 我有浮动div,其中文本随着浏览器窗口的大小而调整大小。这是工作,但我不能让这些文本框在中间的页面。没有浮动中心!请参阅JSFIDLE了解更多信息-我在JS象限中做了一些进一步的说明Css 如何在缩放浏览器窗口时使div居中,css,Css,jsfiddle: 我有浮动div,其中文本随着浏览器窗口的大小而调整大小。这是工作,但我不能让这些文本框在中间的页面。没有浮动中心!请参阅JSFIDLE了解更多信息-我在JS象限中做了一些进一步的说明 .infos\u div{ 背景色:#FFF; } .infos_div::之后{ 内容:“; 明确:两者皆有; 显示:表格; } .infos_container_div{ 背景色:#9FC; 显示:内联块; } .info_div{ 显示:内联块; 光标:指针; 浮动:左; 文本对齐:居中
.infos\u div{
背景色:#FFF;
}
.infos_div::之后{
内容:“;
明确:两者皆有;
显示:表格;
}
.infos_container_div{
背景色:#9FC;
显示:内联块;
}
.info_div{
显示:内联块;
光标:指针;
浮动:左;
文本对齐:居中;
宽度:自动;
高度:自动;
最小高度:80px;
最大宽度:30%;
最小宽度:200px;
填充:10px;
利润率:10px;
z指数:1;
背景色:#FFF;
空白:正常;
}
功能1
诸如此类,诸如此类,诸如此类,诸如此类,诸如此类,诸如此类,诸如此类,诸如此类
功能2
诸如此类,诸如此类,诸如此类,诸如此类,诸如此类,诸如此类,诸如此类,诸如此类
功能3
诸如此类,诸如此类,诸如此类,诸如此类,诸如此类,诸如此类,诸如此类,诸如此类
功能4
诸如此类,诸如此类,诸如此类,诸如此类,诸如此类,诸如此类,诸如此类,诸如此类
功能5
诸如此类,诸如此类,诸如此类,诸如此类,诸如此类,诸如此类,诸如此类,诸如此类
s功能6
诸如此类,诸如此类,诸如此类,诸如此类,诸如此类,诸如此类,诸如此类,诸如此类
您可以使父元素中心文本对齐,并删除浮动
因此,添加文本对齐:居中
到.infos\u container\u div
并删除浮动:左代码>来自.info\u div
您可以使父元素中心文本对齐,并删除浮动
因此,添加文本对齐:居中
到.infos\u container\u div
并删除浮动:左代码>来自.info\u div
如果您选择
float:left;
离开信息部,他们应该集中注意力 如果您选择
float:left;
离开信息部,他们应该集中注意力 如果需要将3个段落居中,可以使用网格
*{
保证金:0;
填充:0;
}
.infos_div{
背景色:#FFF;
}
.infos_div::之后{
内容:“;
明确:两者皆有;
显示:表格;
}
.infos_container_div{
背景色:#9FC;
显示:网格;
网格模板区域:“…”;
文本对齐:居中;
栅隙:10px;
填充:10px;
}
.info_div{
显示:内联块;
光标:指针;
文本对齐:居中;
宽度:自动;
高度:自动;
填充:10px;
z指数:1;
背景色:#FFF;
空白:正常;
}
功能1
诸如此类,诸如此类,诸如此类,诸如此类,诸如此类,诸如此类,诸如此类,诸如此类
功能2
诸如此类,诸如此类,诸如此类,诸如此类,诸如此类,诸如此类,诸如此类,诸如此类
功能3
诸如此类,诸如此类,诸如此类,诸如此类,诸如此类,诸如此类,诸如此类,诸如此类
功能4
诸如此类,诸如此类,诸如此类,诸如此类,诸如此类,诸如此类,诸如此类,诸如此类
功能5
诸如此类,诸如此类,诸如此类,诸如此类,诸如此类,诸如此类,诸如此类,诸如此类
s功能6
诸如此类,诸如此类,诸如此类,诸如此类,诸如此类,诸如此类,诸如此类,诸如此类
如果需要将3段居中,可以使用网格
*{
保证金:0;
填充:0;
}
.infos_div{
背景色:#FFF;
}
.infos_div::之后{
内容:“;
明确:两者皆有;
显示:表格;
}
.infos_container_div{
背景色:#9FC;
显示:网格;
网格模板区域:“…”;
文本对齐:居中;
栅隙:10px;
填充:10px;
}
.info_div{
显示:内联块;
光标:指针;
文本对齐:居中;
宽度:自动;
高度:自动;
填充:10px;
z指数:1;
背景色:#FFF;
空白:正常;
}
功能1
诸如此类,诸如此类,诸如此类,诸如此类,诸如此类,诸如此类,诸如此类,诸如此类
功能2
诸如此类,诸如此类,诸如此类,诸如此类,诸如此类,诸如此类,诸如此类,诸如此类
功能3
诸如此类,诸如此类,诸如此类,诸如此类,诸如此类,诸如此类,诸如此类,诸如此类
功能4
诸如此类,诸如此类,诸如此类,诸如此类,诸如此类,诸如此类,诸如此类,诸如此类
功能5
诸如此类,诸如此类,诸如此类,诸如此类,诸如此类,诸如此类,诸如此类,诸如此类
s功能6
诸如此类,诸如此类,诸如此类,诸如此类,诸如此类,诸如此类,诸如此类,诸如此类
您还需要给出文本对齐:居中代码>到父元素。您还需要指定文本对齐:居中代码>到父元素。太棒了!我向你致敬。PS我一定试过了所有可能的组合,除了那个!!:-)令人惊叹的!我向你致敬。PS我一定试过了所有可能的组合,除了那个!!:-)