文字间距加nbsp之后注释位置偏移,同时在注释那边加了之后也不对,如果要做出图片中文字间距怎么做

文字间距加nbsp之后注释位置偏移,同时在注释那边加了之后也不对,如果要做出图片中文字间距怎么做

<!DOCTYPE html>

<html>

<head>

    <meta charset="utf-8">

    <title>ruby</title>

</head>

<body>

    <!-- 此处写代码 -->

    <ruby>

        魑<rp>(</rp><rt>chi</rt><rp>)</rp>&nbsp;&nbsp;&nbsp;&nbsp;

        魅<rp>(</rp><rt>mei</rt><rp>)</rp>&nbsp;&nbsp;&nbsp;&nbsp;

        魍<rp>(</rp><rt>wang</rt><rp>)</rp>&nbsp;&nbsp;&nbsp;&nbsp;

        魉<rp>(</rp><rt>liang</rt><rp>)</rp>&nbsp;&nbsp;&nbsp;&nbsp;

    </ruby>

</body>

</html>

http://img1.sycdn.imooc.com//climg/5e623d010957d2ff05000199.jpg

正在回答

登陆购买课程后可参与讨论,去登陆

2回答

同学你好,这是因为浏览器在解析的时候,标签之间有回车和换行,就渲染成了空格,这是不可避免的:

http://img1.sycdn.imooc.com//climg/5e631dcc09a8f9db07200385.jpg

稍微调节一下就好了:

http://img1.sycdn.imooc.com//climg/5e631e1709a27baf06560358.jpg

祝学习愉快~

好帮手慕粉 2020-03-07 10:03:43

同学你好,可以给文字也加空格符:

http://img1.sycdn.imooc.com//climg/5e6300d90987a60004740369.jpg

另外,这个属性基本用不到,同学了解下即可。

如果我的回答帮助了你,欢迎采纳,祝学习愉快~

  • 提问者 王文辉 #1
    我试了这个,注释和文字之间还是没有一 一对齐
    2020-03-07 11:41:53
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师