【解决】标题结尾标点导致视觉效果不居中

问题

在副标题有标点的情况下，视觉上会和居中的主标题对不齐，因为句尾的标点视觉上太小了，整体文字就向左偏移。

<p>天蓝色上新，M4 性能  
    <span className="nowrap">  
        冲天  
        <span className="l-p">。</span>  
    </span>  
</p>

解决

让标点绝对定位

// 禁止文本换行  
.nowrap {  
  display: inline-block;  
  text-decoration: inherit;  
  white-space: nowrap;  
}

// 忽略标点，避免文字视觉效果不居中  
.l-p {  
  position: absolute;  
}