html 三个div横向显示出来,div横向显示.html

demo

* {

margin: 0;

padding: 0;

}

.t-ctn {

width: 100%;

overflow-x: auto;

}

.t-ctn .s-ctn {

height: 150px;

white-space: nowrap;

font-size: 0;

}

.t-ctn .s-ctn div {

font-size: 14px;

box-sizing: border-box;

white-space: normal;

word-wrap: break-word;

word-break: break-all;

overflow: hidden;

display: inline-block;

width: 200px;

height: 100%;

border: 10px solid red;

}

titletitletitletitletitletitletitletitletitletitletitletitletitle

body

title

body

title

body

title

body

title

body

title

body

title

body

title

body

title

body

title

body

title

body

一键复制

编辑

Web IDE

原始数据

按行查看

历史