防止文本到換行符溢出

我不想指定區域的寬度並設置overflow:hidden或滾動到我的文本，因爲該網站是響應式的。有沒有辦法阻止一行文字進入第二行？防止文本到換行符溢出

或例如"lorem sum etc ger ergdfg efdfg"

不會成爲

"lorem sum etc ger 
ergdfg efdfg"

當寬度小？

來源

2013-11-27 user3033162

你嘗試過'字wrap'和'白色空間：nowrap' CSS屬性..？ –

包含文本的元素上使用

white-space: nowrap;

。

這個名字是不言而喻的 - 它使得空白不包裹。

使用overflow: hidden;，如果你不希望文字出去吧應該是在盒子。

使用text-overflow: ellipsis;如果你想省略號當文本溢出邊框。

JSFiddle

screenshot

來源

2013-11-27 03:38:34 Doorknob

1+ ** [這是我必須說的。]（http://stackoverflow.com/questions/19744299/how-to-keep-text-inside-the-parent/19744320#comment29338035_19744320）** –

@ JoshC哈哈，復仇！：P – Doorknob

您可以嘗試使用white-space : nowrap。

實例可用以下

<span>lorem sum etc ger ergdfg efdfg</span> 

<style> 
span 
{ 
    width:100px; 
    height:auto; 
    overflow:scroll; 
    display:inline-block; 
    white-space : nowrap; 
} 
</style>

來源

2013-11-27 03:43:04 Kishori

這個答案實際上並不能提供比門把手所提供的答案更多的東西。你可以擴大答案，幷包括解釋爲什麼應該使用此代碼？ –

當然。我已經更新了答案。 – Kishori

防止文本到換行符溢出

回答

相關問題