                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /初识HTML(5)+CSS(3)-升级版

为什么代码写对了结果出来的还是左对齐而不是居中呢？放大看了

qq_Pokerface_8

2017-03-04

源自：初识HTML(5)+CSS(3)-升级版 15-9

关注问题我要回答

2162

操作

收起

5 回答

你好小奥
2017-03-29

用的table标签，把样式里加上table{margine:0 auto;}就可以居中

0 回复有任何疑惑可以回复我~

收起回答

theta129
2017-03-14

<!DOCTYPE HTML>

<html>

<head>

<title>父元素高度确定的多行文本</title>

<style>

body{

background-color:blue;

}

.one{

position:absolute;

height:100%;

background-color:green;

}

.two{

height:500px;

width:100px;

background-color:red;

}

table,tr,td{

height:100%;

}

</style>

</head>

<body>

</div></td></tr></table>

</div>

</body>

</html>

0 回复有任何疑惑可以回复我~

收起回答

theta129
2017-03-14

为需要居中的元素加入css

{position:absolute;}

0 回复有任何疑惑可以回复我~

收起回答

早起跑步君

那是不是就可以不用写两个table嵌套？可以直接不要one，在two的样式里面添加{position:absolute;}了呢？继而也不要在two了，只用一个table，在table的样式里添加{position:absolute;}。我运行出来看，是可以的，您看是不是我哪里有遗漏的地方。不过我觉得我应该是误解掉您的意思了。因为我一开始以为您是通过这one和two才使照片居中。没准你只是为了方便我们理解，于是给了三个例子出来呢。哈哈。

2017-04-12 回复有任何疑惑可以回复我~

早起跑步君

table{ position:absolute; height:100%; }

2017-04-12 回复有任何疑惑可以回复我~

theta129 回复早起跑步君

你的方法的确是可以，但是如果.one和.two这两个div的大小改变了，导致出现滚动条的时候，就达不到img相对于整个页面是上下居中的效果了。我觉得这要看你是想要的是哪种效果了，都可以啊，可以做到两种不同的目的效果

2017-04-26 回复有任何疑惑可以回复我~