使用 css 设置文本不换行 添加滚动条
2012-07-17 14:37
239 查看
如
<div id="myDiv">
...
</div>
如果想要是这个div中的内容不换行显示，且添加滚动条，可以这样设置其css样式：
#myDiv{
width:300px;
height:200px;
border:solid 1px #999;
word-break:keep-all;
overflow:scroll;
}
蓝色显示的两行代码，上边一行是不换行，下面一行是当溢出时加滚动条
<div id="myDiv">
...
</div>
如果想要是这个div中的内容不换行显示，且添加滚动条，可以这样设置其css样式：
#myDiv{
width:300px;
height:200px;
border:solid 1px #999;
word-break:keep-all;
overflow:scroll;
}
蓝色显示的两行代码，上边一行是不换行，下面一行是当溢出时加滚动条
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 文本使用CSS进行控制换行
- css：设置文本不自动换行
- css设置背景图片不随滚动条滚动;background-attachment使用
- div +CSS 滚动条、文本设置等
- 使用css让英文文本自动换行
- css 垂直居中，指定文本宽度换行,指定高度出滚动条
- UE（ultraedit）技巧【很多数据时设置换行】【列模式的使用】【选出具有特定内容的行】【复制bin文件视图】【bin文件添加或者删除字节】
- 图形的绘制，如何使用自定义画笔（颜色，线宽，线形）。如何为程序中添加选项菜单和选项设置对话框，如何使用标准颜色对话框，如何使用字体对话框，在选项对话框中实现预览功能。实现选项对话框和窗口类中的数据交换。如何改变对话框和控件的背景色，如何改变控件的文本颜色，
- flex 布局下，css 设置文本不换行时，省略号不显示的解决办法
- Symbian中大段文本显示控件，使用系统滚动条，可自动换行
- textview设置文本时，使用@string时添加多个空格只显示一个
- 使用js创建div、添加子div并给div设置在css中定义的class选择属性以及设置style属性
- Ubuntu 自带截图Screenshot使用和快捷设置与截图神器Shutter的使用 能够涂鸦和添加文本 截图方法大全
- css设置文本自动换行
- 05使用CSS设置字体和文本样式
- 设置div中文字超出时自动换行和css实现文本超出N行之后显示省略号等
- [CSS] 文本自动换行设置
- 使用CSS设置滚动条样式以及如何去掉滚动条的方法
- css应用表格排版td中的文本过长，设置不换行，随内容同行显示样式
- css文本换行属性word-wrap和white-space使用总结