CSS 溢出不起作用

标签 css overflow

我不明白为什么 div 中的简单溢出不起作用。

<html>
<head>
<meta content="text/html; charset=ISO-8859-1" http-equiv="Content-Type">
<style type="text/css">
.ename {width:400px;overflow:hidden;padding:0 5px 0 5px;color:#EE3129;line-height:25px;text-transform:uppercase;}
</style>
</head>
<body>
<div class="ename"> qksdjlqjsdkqsd qksdjlkqsjdklqsjd qsdkjqslkdjkqsjdklqsjd sdkqsjdkqsjdkqjsdkqd qdlkjqsdkjqskdjkqlsjdkqs qsdkjqskdj </div>
</body>
</html>

谢谢

最佳答案

文本总是会在溢出前换行。您的页面表现符合预期。如果您希望它始终坚持一行,您需要 white-space: nowrap

http://jsfiddle.net/Tc2wA/

关于CSS 溢出不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12836680/

相关文章:

html - 垂直居中对齐时,div 中的文本会溢出到外部

overflow - 边框半径滚动条

html - 基于 Flexbox 的 CSS 无法在任何 iOS 浏览器上运行

CSS,显示 : table and overflow not working properly on child div's

c - 为什么这个小程序输出True? GCC有溢出保护吗?

css - 如何在调整大小时阻止 <div> 的内容开始新行?

css - 垂直对齐 Bootstrap Col

css - Bootstrap 响应问题

css - 如果父元素的溢出不可见,如何防止子元素被剪裁?

c# - C# 的 Visual Studio 调试器的乘法问题