V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX 提问指南
IdJoel
V2EX  ›  问与答

除了 nbsp;还有更好的解决这种切图问题吗

  •  
  •   IdJoel · 2016-11-29 09:56:28 +08:00 · 2157 次点击
    这是一个创建于 2942 天前的主题,其中的信息可能已经有所发展或是发生改变。

    好像还挺常见的 但是我总不能给每一个字加个 class 像挤牙膏一样的挤 marginRight 吧
    20 条回复    2016-11-29 17:58:01 +08:00
    sciooga
        1
    sciooga  
       2016-11-29 09:59:59 +08:00 via Android
    text-align: justify 两端对齐
    Lucius
        2
    Lucius  
       2016-11-29 10:01:49 +08:00
    @sciooga get
    IdJoel
        3
    IdJoel  
    OP
       2016-11-29 10:10:16 +08:00


    依次是 Chrome IE FF 感觉..... 无力 get....
    IdJoel
        4
    IdJoel  
    OP
       2016-11-29 10:11:22 +08:00
    @sciooga 不应该是我使用姿势不对啊。。。
    xylitolLin
        5
    xylitolLin  
       2016-11-29 10:21:34 +08:00
    @IdJoel 姿势没有不对,但是 css 控制的两端对齐没有那么简单

    http://www.cnblogs.com/rubylouvre/archive/2012/11/28/2792504.html
    ferrum
        6
    ferrum  
       2016-11-29 10:24:10 +08:00
    text-align: justify 这个属性很早(至少 CSS 2.1 )就有,不存在兼容性问题。

    但它指的是排版里的「两端对齐」,就是当存在多行文本的时候,首尾两端是对齐的,单词中间的缝隙不固定。

    如果你用过 Kindle ,或者亚马逊的手机 Kindle 软件看英文书,就会明白那种效果是什么的。
    cncqw
        7
    cncqw  
       2016-11-29 10:26:21 +08:00
    姓<span class="kong">空空</span>名
    手<span class="kong">a</span>机<span class="kong">a</span>号
    联系方式
    .kong{visibility: hidden;}
    xream
        8
    xream  
       2016-11-29 10:35:42 +08:00
    flex justify-content space-between
    ChefIsAwesome
        9
    ChefIsAwesome  
       2016-11-29 10:37:24 +08:00
    IdJoel
        10
    IdJoel  
    OP
       2016-11-29 10:50:44 +08:00
    @xylitolLin 已解决 万分感谢 。
    @ferrum 学到了 感谢。
    @cncqw 就是不想每个字都嵌套一个标签。。。。
    @ChefIsAwesome 同上不想每个字套标签。。。
    @xream 已解决 感谢。

    @sciooga
    涨姿势了 感谢大家
    sciooga
        11
    sciooga  
       2016-11-29 10:58:02 +08:00   ❤️ 1
    @IdJoel 我写了一个示例,只用 3 行 css 实现。
    https://jsfiddle.net/sciooga/kb0qxs92/
    zrp1994
        12
    zrp1994  
       2016-11-29 11:01:30 +08:00
    可不可以这样:
    每一行都设置固定宽度,然后不同字数的行设置不同的 word-spacing 。这个适用于等宽的文字,比如中文,或者都是大些或者小写的字母,而且不用生成过多 dom 。对于楼主的需求应该是足够的。
    https://jsbin.com/wegitorusa/1/edit?html,css,output
    IdJoel
        13
    IdJoel  
    OP
       2016-11-29 11:11:34 +08:00
    @zrp1994 已经解决了 这种方法太麻烦 而且我觉得长代码和短代码区解决问题的话 我会比较喜欢短代码一点 毕竟只有三行。
    IdJoel
        14
    IdJoel  
    OP
       2016-11-29 11:11:48 +08:00
    @zrp1994 不过还是感谢热心人
    sirm2z
        15
    sirm2z  
       2016-11-29 12:44:45 +08:00
    根本不用代码

    ‘全角空格’ 就解决了
    VtoEXL
        16
    VtoEXL  
       2016-11-29 14:13:25 +08:00
    &emsp; &ensp
    yimity
        17
    yimity  
       2016-11-29 14:23:51 +08:00
    @sirm2z 这就是我想说的,简单,简洁。一直这么用。哪里都是一样的整齐。不管你字体再变。
    hqfzone
        18
    hqfzone  
       2016-11-29 16:00:21 +08:00
    大段文本还是不好弄的,要批量加空格,之前研究过一下~
    https://qifu.me/at201509132307/
    sensui7
        19
    sensui7  
       2016-11-29 17:53:43 +08:00 via iPhone
    letter-spacing
    DoraJDJ
        20
    DoraJDJ  
       2016-11-29 17:58:01 +08:00
    最简单暴力的用 &emsp;

    Keep it simple, stupid
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   3206 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 24ms · UTC 12:22 · PVG 20:22 · LAX 04:22 · JFK 07:22
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.