当前位置:  开发笔记 > 编程语言 > 正文

如何将Label,Button或TextArea保持为单行?

如何解决《如何将Label,Button或TextArea保持为单行?》经验,为你挑选了1个好方法。

假设我有一个Label,Button或TextArea对象,它包含一些文本.默认情况下,事物的工作方式是放在这些对象中的文本会自动换行到下一行.有没有办法禁用它?我知道CSS属性

overflow : hidden ;

将阻止滚动条显示.但有没有办法阻止文本转到下一行?

我希望如果我的字符串比它所放置的对象"更宽",它将简单地将字符串写出到对象可以包含的限制,而不将其包装到下一行?有人有办法这样做吗?

谢谢.



1> Travis..:

您可以使用以下css定义来实现此目的:



This text will not wrap. Hamina hamina hamina hamina hamina.

这应该可以防止任何文本换行到下一行.如果文本超出元素的宽度,则会切断.如果您正在使用webkit/explorer,您将获得一个漂亮的省略号效果,其中文本被切断(表明文本比可见文本多).

不幸的是,Firefox不支持省略号.但是文本仍然会被切断并且不会包装.

我还没有用button或textarea元素测试这个定义 - 只有div.但我认为没有理由不行.我留给你试验.

推荐阅读
Life一切安好
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有