Question

我遇到了跨浏览器的问题，即尽管剩下的空间可以很容易地适应最后一个单词，但是窄列中页面上的一行太早被破坏了。首先我认为我的样式表有问题，但它在我创建的简单小提琴中看起来是一样的（没有php标签，没有断路器等）：我很抱歉，因为它是捷克语，但为了演示目的，我希望它没问题。它在Win7和Win8上显示了FF，IE和Chrome中的相同错误，即使在iPad上也是如此。

链接到小提琴：http://jsfiddle.net/Grows/q9wqeu14/1/

演示：

HTML：

<div class="column">
    <p>Jsme tým zkušených profesionálů, který Vám pomůže s kompletním IT řešením. Spravujeme     IT techniku jak menším firmám do deseti uživatelů, tak i velkým společnostem se stovkami stanic a desítkami serveů. Náklady na externí správu sítě jsou zcela individuální a závisí na rozsahu sítě (počet serverů, stanic, aktivních prvků apod.), dohodnuté frekvenci návštěv a garantované době servisních zásahů. U menších firem se tato částka obvykle pohybuje v jednotkách tisíců korun měsíčně, takže se určitě vyplatí více, než zaměstnávat vlastního správce sítě.</p>
</div>

<div class="column">
    <ul>
        <li>Individuální přístup a vstřícnou péči o uživatele výpočetní techniky</li>
        <li>Pravidelnou údržbu výpočetní techniky - minimalizují se její výpadky</li>
        <li>Garanci servisního zásahu - minimalizuje ztráty způsobené výpadkem</li>
        <li>Řízení IT procesů - provozujeme systém HELPDESK pro hlášení servisních požadavků, telefonickou linku HOT-LINE a automatický monitorovací systém NAGIOS, který nepřetržitě monitoruje chod Vašich klíčových zařízení</li>
        <li>Poradenství a konzultační služby</li>
    </ul>
</div>

<div class="column">
    <ul>
        <li>Finanční úspora - IT specialistu využíváte jen tehdy, je-li to potřeba. Ušetříte na mzdových nákladech, odborných školeních apod.</li>
        <li>Flexibilita - služba je smluvně garantovaná, nemusíte řešit nemoci, dovolené, zástupy apod.</li>
        <li>Profesionalita - pracujeme v týmu, máme zkušenosti, kvalitní technické zázemí a podporu našich dodavatelů. Jsme schopni minimalizovat rizika výpadku sítě či je zkrátit na minimum.</li>
        <li>Přenesení zodpovědnosti za bezproblémový chod Vaší sítě na dodavatele</li>
    </ul>
</div>

CSS：

body {
    font-size: 14px; font-family: 'Arial'; text-align: left;    
}

.column {
    width: 214px; border: 1px black solid; 
}

li {
    list-style-type: disc; list-style-position: outside;
}

我和我的客户看到的是第3和第4行之间的奇怪休息，但也有更多文字。我试图在这里和谷歌搜索类似的问题，但没有成功。

这是标准的浏览器行为还是有问题？我真的不想使用br，wbr，nbsp等手动断路器。

非常感谢！

干杯，马丁

----更新----

感谢迄今为止给定的解决方案人员。没有任何类型的白色空间它只是纯文本，所以我不能删除任何。它也必须留在三个div。

我想这是捷克语在浏览器中的一些奇怪的行为，但我之前没有看到过类似的东西。

也许我对它无能为力，这也可能是一个答案：）

----已解决---

伊曼纽尔是对的。一些空间角色有些奇怪。当我删除它们并再次键入空格时，它消失了。非常感谢！如果有人向我解释这一点，我会非常高兴，因为在源代码中没有任何可见的“白色空间”像标签......

Answer 1

删除第二个和第三个div，如下所示：

<div class="column">
    <p>Jsme tým zkušených profesionálů, který Vám pomůže s kompletním IT řešením. Spravujeme     IT techniku jak menším firmám do deseti uživatelů, tak i velkým společnostem se stovkami stanic a desítkami serveů. Náklady na externí správu sítě jsou zcela individuální a závisí na rozsahu sítě (počet serverů, stanic, aktivních prvků apod.), dohodnuté frekvenci návštěv a garantované době servisních zásahů. U menších firem se tato částka obvykle pohybuje v jednotkách tisíců korun měsíčně, takže se určitě vyplatí více, než zaměstnávat vlastního správce sítě.</p>

    <ul>
        <li>Individuální přístup a vstřícnou péči o uživatele výpočetní techniky</li>
        <li>Pravidelnou údržbu výpočetní techniky - minimalizují se její výpadky</li>
        <li>Garanci servisního zásahu - minimalizuje ztráty způsobené výpadkem</li>
        <li>Řízení IT procesů - provozujeme systém HELPDESK pro hlášení servisních požadavků, telefonickou linku HOT-LINE a automatický monitorovací systém NAGIOS, který nepřetržitě monitoruje chod Vašich klíčových zařízení</li>
        <li>Poradenství a konzultační služby</li>
    </ul>

    <ul>
        <li>Finanční úspora - IT specialistu využíváte jen tehdy, je-li to potřeba. Ušetříte na mzdových nákladech, odborných školeních apod.</li>
        <li>Flexibilita - služba je smluvně garantovaná, nemusíte řešit nemoci, dovolené, zástupy apod.</li>
        <li>Profesionalita - pracujeme v týmu, máme zkušenosti, kvalitní technické zázemí a podporu našich dodavatelů. Jsme schopni minimalizovat rizika výpadku sítě či je zkrátit na minimum.</li>
        <li>Přenesení zodpovědnosti za bezproblémový chod Vaší sítě na dodavatele</li>
    </ul>
</div>

Answer 2

您只需要word-break: break-all;样式到列。 WORKING CODE

Answer 3

见Remove non breaking space from <h4>。如果您知道如何操作，请在编辑器中搜索不间断空格，打开显示它们的模式，或使用常规旧sp0aces搜索和替换不间断空格。

Answer 4

如果你具体看看：

řešením。 Spravujeme

在HEX编辑器中，'。'之间的“空格”。 'S'实际上是2个字节：

C2 A0

C2A0是non-breaking space in UTF-8 HEX，“正常”中断空间为HEX 20。

由于这是一个不间断的空间，浏览器不认为它是一个有效的点，可以将单词分解为换行。

不需要的断线行为 - 一般解释

4 个答案: