如何实现div内的span垂直的定位?

简介:

需要div垂直居中

1
2
3
4
<style>
     .portalshow_time_div{margin: 0 ;background-color: #F0F0F0;margin-top:30px;margin-bottom:5px;text-align:center;}
     .portalshow_time{display:block; float :center;height:30px;line-height:30px;}
</style>


1
2
3
4
5
6
<div  class = "portalshow_time_div unit" >
          <span  class = "portalshow_time" >作者:${pd.creatUserName } 发布日期:
           <fmt:parseDate value= "${pd.updateTime}"  pattern= "yyyy-MM-dd"  var= "updateTime" />   
           <fmt:formatDate value= "${updateTime}"  pattern= "yyyy-MM-dd" /> 
          </span>
     </div>

说明:

1
portalshow_time_div

实现了水平居中。

1
portalshow_time

实现了垂直居中


      本文转自建波李 51CTO博客,原文链接:http://blog.51cto.com/jianboli/1953027,如需转载请自行联系原作者

相关文章
|
7月前
|
Web App开发 前端开发 开发者
|
6月前
div层定位在网页右下角
div层定位在网页右下角
24 0
|
8月前
|
前端开发
前端笔记,table标签中td宽度不受控制的坑
前端笔记,table标签中td宽度不受控制的坑
|
10月前
|
前端开发 容器
layui框架实战案例(22):layui-tab-title的宽度自适应的解决方案
layui框架实战案例(22):layui-tab-title的宽度自适应的解决方案
188 0
|
前端开发
前端学习案例2-三栏布局之position
前端学习案例2-三栏布局之position
53 0
前端学习案例2-三栏布局之position
利用伪元素:before实现的快递单查询垂直列表的demo
其中利用了伪元素 :before 很方便的实现了这个效果,并且可以兼容到IE8
58 0
利用伪元素:before实现的快递单查询垂直列表的demo
|
前端开发
解决鼠标经过覆盖于低层级div的高层级div,依旧会触发低层级的hover属性的问题
解决鼠标经过覆盖于低层级div的高层级div,依旧会触发低层级的hover属性的问题
169 0
解决鼠标经过覆盖于低层级div的高层级div,依旧会触发低层级的hover属性的问题
html+css实战153-定位-居中
html+css实战153-定位-居中
72 0
html+css实战153-定位-居中
|
Serverless
div里面的元素在【垂直 方向】上水平分布 使用calc()函数动态计算
div里面的元素在【垂直 方向】上水平分布 使用calc()函数动态计算