你如何水平和垂直对齐一个div？

-2

我想水平和垂直对齐下面的div到页面的中心。我已经设法水平地将它与中心对齐;但是，不是垂直的。我怎样才能做到这一点？你如何水平和垂直对齐一个div？

http://www.brennanpringle.com/cat.html

2015-08-13 X '

欢迎的StackOverflow！请务必阅读我们的[问]页面，以帮助您制定一个很好的问题。如果你在你的问题上付出了一些努力，你更有可能从社区得到一个很好的答案。 – ochi

请在此处添加有意义的代码和问题描述。请不要将链接到需要修复的网站 - 否则，一旦问题得到解决，此问题将会丢失未来访问者的任何价值。发布 [简短，独立，正确的示例（SSCCE）]（http://www.sscce.org/），这表明您的问题将帮助您获得更好的答案。有关更多信息，请参阅 [我的网站上的某些内容不起作用。我可以只粘贴一个链接到它吗？]（http://meta.stackexchange.com/questions/125997/）谢谢！ – j08691

[如何垂直对齐div？]（http://stackoverflow.com/questions/2743989/how-to-vertically-align-divs） –

添加这些top:0;right:0;bottom:0;left:0;margin:auto;您.circle

.circle { 
    background: rgba(0, 0, 0, 0) url("http://www.brennanpringle.com/images/image.jpg") no-repeat scroll center center; 
    border-radius: 150px; 
    bottom: 0; 
    height: 200px; 
    left: 0; 
    margin: auto; 
    position: absolute; 
    right: 0; 
    top: 0; 
    width: 200px; 
}

来源

2015-08-13 23:03:35 joyBlanks

你如何水平和垂直对齐一个div？

回答

相关问题