使用CSS样式...将多行文字右端对齐;例如:第一行文字:哥哥 第二行文字:你哥哥

排列出来要这样:(就是以最后一个字向右端对齐)哥哥你哥哥我要的是居中右端对齐... 排列出来要这样:(就是以最后一个字向右端对齐)
哥哥
你哥哥
我要的是居中右端对齐
展开
 我来答
老炉传说
2017-10-21 · TA获得超过136个赞
知道小有建树答主
回答量:172
采纳率:78%
帮助的人:136万
展开全部

纯css没法实现,除非你的元素宽度完全写死,那样的话会有很多问题,还是用js来实现吧,我写的这个需要引入jquery

<div id="main">
    <p class="tocenterRight">哥哥</p>
    <p class="tocenterRight">你哥哥</p>
    <p class="tocenterRight">你的大哥哥</p>
</div>
<script src="jquery-3.2.1.min.js" type="application/javascript"></script>
<script>
    $(document).ready(function(){
        //传入type参数center-right 或者left-right 可以传入以后看下效果,第二个参数是要做对其的类名,自己测试一下。
        textAlign("center-right",".tocenterRight");
    });
    var textAlign = function(type,classname){
        var o = $(classname);
        var maxwidth = 0;
        switch (type){
            case "center-right" :
                $(o).css("text-align","right");
                if(o.length>0){
                    $(o).css("width",parseInt($($(o).parent()).width()/2));
                }else{
                    console.log("找不到任何对象!");
                }
                break;
            case "left-right" :
                $(o).css("text-align","right");
                if(o.length>0){
   滑颤悔                 for(var i=0;i<o.length;i++){
    信正                    $(o[i]).css("display","inline");
                        maxwidth = parseInt($(o[i]).css("width"))>maxwidth ? parseInt($(o[i]).css("width")) : maxwidth;
                    }
                    $(o).css("display","block");
      洞腔              $(o).css("width",maxwidth);
                }else{
                    console.log("找不到任何对象!");
                }
                break;
            default :
                break;
        }
    }
</script>

两种对齐的效果看下图:

tatooo
推荐于2017-10-21 · TA获得超过2119个赞
知道小有建树答主
回答量:2497
采纳率:46%
帮助的人:674万
展开全部
<style type="text/css">
.main{
border:1px solid #06F;
width:500px;
height:300px;
}
.box {
width:50px;/* 根据行胡需要调整你的宽度*/
margin:0 auto;
text-align:right;
background:#CCC;
}
</style>
<div class="main">
<div class="告或box">
<p>档友拦哥哥</p>
<p>你哥哥</p>
</div>
</div>

如果需要自适应的话就等写JS了 有需要就追问
本回答被提问者采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
从前有个T
2013-03-10 · TA获得超过5345个赞
知道小有建树答主
回答量:685
采纳率:0%
帮助的人:763万
展开全部
给段落定高袜迟义一戚李个width,然后让它居中,定义margin:0 auto,好手然后定义text-align:right
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
mksb3622
2013-03-10
知道答主
回答量:18
采纳率:0%
帮助的人:12.8万
展开全部
align:“right”
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
miniappo2hx2n09ku9vs
2013-03-12 · 超过43用户采纳过TA的回答
知道小有建树答主
回答量:155
采纳率:0%
帮助的人:94.7万
展开全部
你要的效果是首行缩进吧?
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 1条折叠回答
收起 更多回答(3)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式