css如何垂直居中对齐
2016-06-13 19:45
507 查看
<div class="modal fade" id="dig-nocode" tabindex="-1" role="dialog" aria-labelledby="nocode-alert"> <div style="display:table;width:100%;height:100%"> <div class="modal-dialog" style="vertical-align:middle;display:table-cell;text-align: center;" role="document"> <div class="modal-content modal-control"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span id="pos-control" class="glyphicon glyphicon-remove" aria-hidden="true"></span></button> <div class="modal-body"> <div class="main-button"> Get discount from link </div> <div> <a id="goto-btn" rel="nofollow" target="_blank">Go to <span></span></a> </div> </div> </div> </div> </div> </div>
方法2:
如何居中div,如何居中一个浮动元素? 确定容器的宽高 宽500 高 300 的层。 设置层的外边距 .div { Width:500px ; height:300px;//高度可以不设 Margin: -150px 0 0 -250px; position:relative;相对定位 background-color:pink;//方便看效果 left:50%; top:50%; }
相关文章推荐
- CSS---清除inline-block元素4px右边距
- css样式标签和js语法属性区别
- CSS---div一行显示,超出以省略号代替
- iOS 学习之分段Table View的使用(Grouped样式表格)
- CSS3 @font-face使用实例
- css直接写出小三角
- 深入浅出CSS3:background-clip,background-origin和border-image教程
- 编码规范(CSS)
- CSS3.0动画之hover---Y轴----3D旋转
- QT QGraphicsView QGraphicsScene用法
- js 模拟css3 动画3
- js 模拟css3 动画2
- 文本输入框的两种div+css的写法
- css实现省略号
- CSS的相对定位和绝对定位
- 使用footable的问题及解决方案
- 页面样式base.css
- 去掉IE10、IE11的默认文本框样式
- css工具
- HTML + css 页面按比例排版