想改善這個問題？通過編輯這篇文章來添加細節和澄清問題。

您可以使用rem單位來定義元素相對于根元素的字體大小的寬度。

只是要確保定義相對大小的內部文本的字體大小，這樣它就不會因為根字體大小的改變而中斷。

我的建議是: 當我查看您的站點時，我更傾向于建議將 x小時:Y分鐘:Z秒 在具有固定相對寬度和顯示的3個獨立元素中:內嵌塊；因此，對于不同的視口大小，當線斷開時，值-單位對不會分開，而是保持在一條線上。

更多信息請看這篇文章:防止跨度元素換行

一種解決方案是將其分成多個& ltp & gt標簽并給標簽一個固定的寬度

<div class="clock-container">
<p class="time">26 years, 7 months, 7 days </p><p class="time" 
style="display: inline-block;width: 978px;"> 13 hours : 28 minutes : 06</p>
<p class="time" style="display: inline-block;">seconds</p>
</div>

您可以進一步細分為分鐘和小時。

所以把動態時鐘留在一個& ltp & gt標簽示例:

& ltspan class = & quot時間& quotstyle = & quot顯示:內嵌-塊；寬度:76px"& gt66 & lt/span>。