html - 不需要的断线行为 - 一般说明

Question

我遇到过跨浏览器问题，尽管最后一个词很容易容纳空间，但窄列页面上的一行过早被打断。 首先，我认为我的样式表有问题，但它在我创建的一个简单的 fiddle 中看起来是一样的(没有 php 标签，没有换行符等): 我很抱歉，因为它是捷克语，但出于演示目的，我希望它没问题。 它在 Win7 和 Win8 上的 FF、IE 和 Chrome 中显示了相同的错误，甚至在 iPad 上也是如此。

---

fiddle 链接: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 中。

我猜这是捷克语在浏览器中的一些奇怪行为，但我以前没有看到过这样的事情。

也许我不能用它做任何事情，这也可能是一个答案:)

---- 已解决 ---

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

Answer 1

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