CSS容器内文字不换行

换个字体真是麻烦多。

文字换行(iPhone 6)

搞笑的是,电脑浏览器“响应式设计模式”中竟然无法复现,只有老款手机上才发生。

解决办法:

/* 父容器 */
.site-header .header-inner {
	display: inline-flex;
}
/* 子容器 */
.site-title {
	white-space: nowrap;
	text-overflow: ""
}
文字不换行

12

  1. Mr.He

    你的博客折腾记录这些年下来真是罄竹难书

    Google Chrome 118 · Windows 10
    1. S

      @Mr.He这词用得太他妈……
      到位了

      Safari 16 · Mac OS X 10.15
  2. Kevin's Space

    再改改:鼠标划过评论区昵称时,a标签的颜色是不是太浅了?

    Google Chrome 131 · Windows 10
    1. S

      @Kevin's Space已改。

      Safari 16 · Mac OS X 10.15
  3. 雅余

    每周一小改,精益求精呀。

    Microsoft Edge 131 · Mac OS X 10.15
    1. S

      @雅余越改越乱了。

      Safari 18 · Mac OS X 10.15
  4. 雅余

    屏幕分辨率超过1680px后,文章页标题没对齐,跑左边了。

    Microsoft Edge 131 · Mac OS X 10.15
    1. S

      @雅余好的感谢指出,忘记加左右对齐了。已改。
      我其实没想到大家屏幕分辨率都那么高。

      Safari 18 · Mac OS X 10.15
  5. 雅余

    1680-1800之间没有适配,继续改。

    Microsoft Edge 131 · Mac OS X 10.15
    1. S

      @雅余其实适配了,但高分辨率代码是几年前写的,前一阵忘记改了。

      Safari 18 · Mac OS X 10.15

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注