html如何让文字对其？看图

问题描述

问 题

它的代码是这样的

<div>
                                <strong>账单备注：</strong>
                                <span ng-bind="b.billRemark"></span>
                            </div>

想让 帐单备注 下面的文字往右边 缩掉。

解决方案

楼上的答案可以
然后还有就是用css设置
标题这块用一个div包起来（例子随便写的 别介意太丑。。。）

<div class="left">
        <span>账单备注:</span>
        左有韦尔奇翁吗，群翁群翁驱蚊器翁。群二群二去玩儿去玩儿去，玩恶趣味去玩儿去玩儿去。玩恶趣味切尔奇翁群翁群翁群翁奥德赛大家都大大所多阿打算</div>

然后设置css样式

        .left{
            float:left;
            width:158px;
            height:348px;
            background:#FFFFFF;
            border:1px solid #B8D9E9;
            position: relative;
            padding-left: 70px;
        }
        span{
            display: block;
            position: absolute;
            left: 0;


        }

上面代码的意思是将含有标题的那个span设置为块元素
然后相对于父元素left 固定在左边
然后设置父元素left设置padding-left使得内容向右压缩 就可以了

这篇关于html如何让文字对其？看图的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！