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

Question

在以下代码段中：

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

我想要＆＃39;测试＆＃39;在不改变文本大小的情况下占用250个像素。换句话说，我想要“测试”这个词。然后打印，然后可能需要像素才能达到250像素的总宽度（测试+空格）然后单词＆＃39; test2＆＃39;之后打印。我用什么CSS来实现这个目标？

Answer 1

您可以尝试这样做： Demo

<强> HTML：

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

<强> CSS：

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

Answer 2

添加块显示

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

Answer 3

你可以像这样使用CSS。

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

Answer 4

如果您不想使用新线路

display:inline-block

而不是阻止！