如何修复 CSS 中文本的宽度？ [复制]

Posted 2023-03-06

技术标签:

【中文标题】如何修复 CSS 中文本的宽度？ [复制]【英文标题】：How do I fix the width of text in CSS? [duplicate] 【发布时间】：2014-09-01 15:00:58 【问题描述】：

在下面的代码sn-p中：

<span style="width:250px">test</span><span>test2</span>

我希望“测试”占用 250 像素而不改变文本的大小。换句话说，我想打印单词“test”，然后打印可能需要像素才能达到 250 像素的总宽度（测试 + 空格），然后打印单词“test2”。我使用什么 CSS 来实现这一点？

【问题讨论】：

Span 只会跨越文本的长度。 【参考方案1】：

你可以像这样使用 CSS。

<span style="width: 250px; display: inline-block;">test</span>
<span>test2</span>

【讨论】：

【参考方案2】：

如果您不想换行，请使用

display:inline-block

而不是阻止！

【讨论】：

【参考方案3】：

添加块显示

<span style="width:250px; display:block;">test</span><span>test2</span>

【讨论】：

【参考方案4】：

你可以这样尝试：Demo

HTML：

<span class="width250">test</span><span>test2</span>

CSS：

.width250        
    width:250px;
    display:block;
    float:left;

【讨论】：

它可以在不显示的情况下工作：如果您使用的是浮动则阻止jsfiddle.net/c5zN2/2

以上是关于如何修复 CSS 中文本的宽度？ [复制]的主要内容，如果未能解决你的问题，请参考以下文章