Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/364.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

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/71.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
Javascript 动态添加内容时如何在中心对齐div_Javascript_Html_Css - Fatal编程技术网

Javascript 动态添加内容时如何在中心对齐div

Javascript 动态添加内容时如何在中心对齐div,javascript,html,css,Javascript,Html,Css,请看一下这张图片 在这里,我使用引导来对齐div。并且只创建了一个div。内容从管理端动态添加到此div中。然后它将循环div。这很好 但在这里你可以看到只有6个内容是可用的。因此,两个div在左侧对齐。我需要这些div在页面中间对齐。如果内容是7或5,第二行内容应该在中间。如何将这些div对齐到中间。请帮我解决这个问题 这是我的密码 {{service['name']} {{str_limit(服务['description'],100)} 提前感谢。您可以使用引导程序根据所需的div位置

请看一下这张图片

在这里,我使用引导来对齐div。并且只创建了一个div。内容从管理端动态添加到此div中。然后它将循环div。这很好

但在这里你可以看到只有6个内容是可用的。因此,两个div在左侧对齐。我需要这些div在页面中间对齐。如果内容是7或5,第二行内容应该在中间。如何将这些div对齐到中间。请帮我解决这个问题

这是我的密码


{{service['name']}
{{str_limit(服务['description'],100)}


提前感谢。

您可以使用引导程序根据所需的div位置动态设置每个div的偏移量,或者将div的边距设置为自动。有关详细说明,请参阅帖子。

显示:内联
添加到子div,并将
文本对齐:居中
添加到父div。不要使用引导的
列md
,因为它具有
浮动:左
属性

.parent{
文本对齐:居中;
}
.孩子{
显示:内联块;
宽度:24%;
边框:实心1px#123;
高度:50px;
保证金:0自动!重要;
}


您能添加到目前为止您尝试过的代码吗?您能显示您所使用的代码吗far@Geeky,请看一看。添加了代码。@BalaAbhinav请看一看。代码被添加。@MelbinMathai对此进行研究,否则您需要删除col-*左侧的浮点值。非常感谢。