css排版定位问题

问题描述

问 题

请问下下图中，这个手机的wap页面，这个日期被文字挡住要怎么处理的呢。手机设备宽度不定，文字的个数不定。怎么才能在，文字的最后一行，如果日期放不下了，就换行？

解决方案

<style type="text/css">
    div{
        position:relative;
    }
    span{
        position: absolute;
        right: 0;
        bottom: 0;
    }
    label{
        display: inline-block;
        width: 40px;
    }
</style>
<div>
    <p>我是文字我是文字我是文字我是文字我是文字我是文字我是文字我是文字我是文字我是文字文字我<label>&nbsp;</label></p>
    <span>09-28</span>
</div>

设置时间bottom:0，在文字后加一个与时间等宽的空格占位符。

这篇关于css排版定位问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！