我正在尝试创建一个包含多个div的控件,并且所有div都是水平居中对齐的.如下所示.

我能够使用float:leftcss属性浮动每个div .给出这样的东西

但是div总是留给他们的父母.
我有一个替代解决方案使用javascript来定位每个div但我想使用CSS.是否有可能使用CSS实现这一目标.
提前致谢
我正在尝试使用角度ui路线和角度ui模态制作状态模态.
假设我想填写一个包含4页的注册表单.所有这些页面都是模态的.
我能够在状态变化上打开模态.但之后我想在国家的基础上打开模态的每一页.
$stateProvider.state('signup', {
url: '/signup',
template: '<ui-view />',
abstract: true
})
.state('signup.modal', {
url: '',
resolve: {
modalInstance: function($modal) {
return $modal.open({
template: '<div ui-view="modal"></div>',
controller: 'signUp',
windowClass: 'signup-edit-modal',
backdrop: 'static'
})
}
},
onEnter: ['modalInstance', '$timeout', '$state',function(modalInstance,$timeout, $state) {
modalInstance.opened.then(function(status){
if(status){
$timeout(function(){
// changing color of background / backdrop of modal for signup
angular.element('.reveal-modal-bg').css('backgroundColor','rgba(255, 255, 255, .9)');
})
}
})
$state.go('signup.welcome')
}],
onExit: function(modalInstance) {
modalInstance.close('dismiss');
angular.element('.reveal-modal-bg').css('backgroundColor','rgba(0, 0, 0, 0.45)');
}
})
.state('signup.welcome', {
url: "/welcome",
views: …Run Code Online (Sandbox Code Playgroud)