怎么实现整个组件内容居中 而不是在页面左边

怎么实现整个组件内容居中 而不是在页面左边图片

 <div style='height:500px;width:500px;line-height:105px;overflow:hidden;border:1px solid  #FF0099;text-align:center;display:table-cell;vertical-align:middle;'>

中间是你登录的内容区域

</div>

为你想要居中的div设置宽度，然后使用margin: 0 auto; 就行了嘛

为你想要居中的div设置宽度，然后使用margin: 0 auto; 就行了嘛

中间是你登录的内容区域

已经采纳的那位哥们写的是正确的。不过这样显的太麻烦，如果你对前端有兴趣，
我建议你可以看看Bootstrap这个前端框架。有关布局和美化的内容里面都有，
而且你只有有基础的前端知识就可以了。很容易上手。