|
auto
|
hidden
|
scroll。
当overflow-x属性值设置为
scroll时，在文本设置超出部分添加滚动条并显示。
具体设置方法如下：
#box
{
font-size:
12px
line-height:
24px
width:700px
height:
80px
padding:
10px
background:
#FFFF00
overflow-x:
scroll
}
初学HTML，遇到一个题需要将几张图放在一个边框里，并且需要横向拖动
想着很简单，直接在div中设置width、height。并添加属性“overflow:auto”。但实际运行是发现图片始终会换行，窗口只能上下滚动
后来找到问题的原因，是因为由于在div中直接添加图片，所以图片会适应该div的大小，从而自动换行。而要做到不换行的效果，则需要在div中嵌套一层div2，设置div2的width >div的width，由此保证：图片不会换行；在横轴方向溢出，从而出现横向滚动条。
可以的，具体的方法如下：
1、第一种方法，代码如图。高度必须要有，overflow属性为auto。如果要出现水平滚动条，overflow-x:auto，如果出现垂直滚动条为，overflow-y:auto 。
2、然后查看结果，如图所示。
3、第二种方法，如图。也需要设置宽高。
4、查看结果，如图所示。
5、第三种方法代码如图。必须要设置宽和高。
6、打开浏览器查看，如图。
