如何确保两个单词保持在同一行?

 朱仔happy 发布于 2023-02-12 16:12

我正在为自己创建一个人网站.在我的简短生物中,我有一些突出显示的单词(或单词组).在我的一些测试中,我注意到有时两个单词被分开,因此突出显示效果看起来像垃圾.

下面是它应该是什么样子的图片,以及字体变化时的样子:

[看起来像] http://i.imgur.com/MZmyj5S.png

[不要发生这种情况] http://i.imgur.com/yLoYIza.png

请注意"web开发人员"如何被分成两行.有什么方法可以确保他们在一起吗?

提前致谢!-亚当

PS:如果你需要查看我当前的代码,请告诉我; 不要认为这会有所帮助.

1 个回答
  • 只需 在两个单词之间应用不间断的空格():

    word1 word2
    

    这在法语标点符号和数字方面特别有用

    如果您需要更大规模,那么您可以使用CSS:

    div {
      white-space: nowrap;
    }
    <div>word 1 word2 word3</div>
    2023-02-12 16:15 回答
撰写答案
今天,你开发时遇到什么问题呢?
立即提问
热门标签
PHP1.CN | 中国最专业的PHP中文社区 | PNG素材下载 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有