div+css如何让超过屏幕宽度的时候不换行?

html-css06

div+css如何让超过屏幕宽度的时候不换行?,第1张

#td{overflow-x :autowidth:10pxfloat:leftmargin:0 10px 0 10px}

基本语法

overflow-x : visible | auto | hidden | scroll

语法取值

visible : 默认值。不剪切内容也不添加滚动条。假如显式声明此默认值,

对象将以包含对象的 window 或 frame 的尺寸裁切。并且 clip 属性设置将失效

auto : 在必需时对象内容才会被裁切或显示横向滚动条

hidden : 不显示超过对象尺寸的内容

scroll : 总是显示横向滚动条

1、新建一个html文件,命名为test.html。

2、在test.html文件中,使用div标签创建一个模块,在它的里面,再使用div创建另一个模块。

3、在test.html文件中,分别给两个div设置id属性,父元素div的id为one,子元素div的id为two,主要用于下面通过此id获得div对象。

4、为了展示出明显的效果,在css标签内,使用css设置两个div的样式(高度、宽度、背景颜色),父元素的高度比子元素的高度高100px。

5、在js标签内,通过id(one)获得父div对象,给它绑定click事件,当它被点击时,使用alert()方法输出“one click”。

6、在js标签内,通过id(two)获得子div对象,给它绑定click事件,当它被点击时,使用alert()方法输出“two click”,同时使用return false来禁止子元素事件再继续执行。