CSS文字大于DIV宽度时出现滚动条

html-css016

CSS文字大于DIV宽度时出现滚动条,第1张

CSS设置文字大于DIV宽度时出现滚动条,需要使用到overflow-x属性,其语法为overflow-x:visible

|

auto

|

hidden

|

scroll。

当overflow-x属性值设置为

scroll时,在文本设置超出部分添加滚动条并显示。

具体设置方法如下:

#box

{

font-size:

12px

line-height:

24px

width:700px

height:

80px

padding:

10px

background:

#FFFF00

overflow-x:

scroll

}

出现水平滚动条,一个可能是你的页面宽度设置的太宽了。比如你的电脑室1024*768的分辨率,那你的页面宽度大与1024就会出现横向滚动条。二一个也有可能是的内容溢出了,比如div之类的,你看不到,可以用调试(f12)看看。如果是页面太宽了而且不能改变宽度,那么你找找让网页自适应的代码,放头部的那段代码。往上有很多。

首先,宽度超出最外层的框架或元素的宽度,才会出现横向滚动条;

那么,你只需要保证你内部的元素宽度不要超出外层宽度即可;

然后是,padding的设置,padding的作用 是 在当前宽度的情况下 去 追加 padding的像素值。

希望对你有所帮助;

CSS padding(填充)是一个简写属性,定义元素边框与元素内容之间的空间,即上下左右的内边距。网页链接