解答modal模态框怎样垂直居中

html-css023

解答modal模态框怎样垂直居中,第1张

display:table-cellvertical-align:middle

这个表示显示为表格模式的,,然后表格内居中,所以你应该吧这个放到外层div试试才对~~

或者干脆

外面一层的样式 width:100%height:100%position:relativetop:0left:0

里面一层的样式width:400pxheight:300pxposition:absoluteleft:50%top:50%margin-left:-200pxmargin-top:-150px

这样~~

刚去百度了下,内层是块的好像只能用我说的定位方法,如果内层是行内元素未知垂直居中使用你说的这个就成,具体戳下面地址:

3.x的modal 是采取滚动屏幕的方式来显示更多的内容

2.x的modal 则是采用overflow-y:auto的方式 也就是内容滚动!

modal 都是fixed的父级 默认居中的

置如下样式是可以使表格内容居中的,没有居中的原因可能是你还设置了其他的样式(把这个样式覆盖了):

.table th, .table td {

text-align: center

height:38px

}

你可以新建一个单独的html文件复制如下代码来测试一下:

<!DOCTYPE html>

<html>

<head>

<title>

Bootstrap Table

</title>

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<!-- Bootstrap -->

<link href="http://cdn.bootcss.com/bootstrap/3.2.0/css/bootstrap.min.css"

rel="stylesheet">

<style>

.table th, .table td {