div超出不换行_子div超出父div部分横向滚动，不换行

父div：

.rootBar{

width: 1920px;

height: 216px;

float: left;

overflow-y: hidden;

overflow-x: auto;

white-space: nowrap;

}

子div：

.childrenBar{

width: 384px;

height: 216px;

position: relative;

display: inline-block;

}

display的值及解释：

block: 块对象的默认值。将对象强制作为块对象呈递，为对象之后添加新行

none: 隐藏对象。与 visibility 属性的hidden值不同，其不为被隐藏的对象保留其物理空间

inline: 内联对象的默认值。将对象强制作为内联对象呈递，从对象中删除行

inline-block: 将对象呈递为内联对象，但是对象的内容作为块对象，旁边的内联对象会被呈递在同一行内

compact: 分配对象为块对象或基于内容之上的内联对象

marker: 指定内容在容器对象之前或之后。要使用此参数，对象必须和:after及:before伪元素一起使用

inline-table: 将表格显示为无前后换行的内联对象或内联容器

list-item :将块对象指定为列表项目。并可以添加可选项目标志

table-caption: 将对象作为表格标题显示

table-cell: 将对象作为表格单元格显示

table-column: 将对象作为表格列显示

table-column-group: 将对象作为表格列组显示

table-header-group: 将对象作为表格标题组显示

table-footer-group: 将对象作为表格脚注组显示

div超出不换行_子div超出父div部分横向滚动，不换行相关推荐

java提取多行嵌套div/div内容的正则表达式_提取某一段div标签之间内容的正则表达式怎么写...
满意答案 public static void main(String[] args) { String source=" \">是大家是否 gt; 士大夫士大夫 &quo ...
原生js设置div隐藏或者显示_使用JavaScript显示/隐藏‘div’
如何显示或隐藏元素: 为了显示或隐藏元素,操作元素的风格属性..在大多数情况下,您可能只想更改元素的display财产:element.style.display = 'none'; ...
elementui 表格表头换行_解决element-ui表格表头内容太长时的换行问题
在用vue+element-ui做一个后台管理系统时,遇到这样的问题, 如图: 使用el-table做一个表格,当表头内容过长时会换行,在不设置的宽度的时候每一列的宽度是等比例分配的,虽然elemen ...
在谷歌控制台上怎么换行_如何在Google表格中的单元格中换行
在谷歌控制台上怎么换行 When you type text in a cell, Google Sheets automatically hides anything that extends be ...
java推送微信消息换行_微信公众平台开发教程之文本消息如何换行(第十二课)
上两节课介绍了微信公众平台开发工具类的开发,这节课呢就用到了,没有读前两节课程的读者建议看前两节课程,当然你可以可以去下载实例代码直接运行 . 使用"\n"换行回复用户的文本消息 ...
子之错父之过什么意思_子不教父之过？
学校一个小学生和同桌打闹,一不小心,把同桌的头打破了,爸爸埋怨妈妈对孩子太娇纵,声称"慈母多败儿:妈妈也不甘示弱,说孩子教不好怎么能怪她,明明是:"子不教,父之过"! 其 ...
子之错父之过什么意思_子不教父之过是什么意思？
展开全部意思是:意思是养了孩子不教育是父亲的过错.出自宋·王应麟<三字经>:"养不32313133353236313431303231363533e78988e69d83313 ...
vue内容横向循环滚动_在Vue中使用better-scroll实现横向滚动和竖向滚动
exportdefault{ name:"better_scroll", data() {return{ currentIndex:0, //当前显示的下标 listHeight: ...
css 横向滚动不换行
具备这几个属性就可实现横向滚动,其他属性自行拓展 .parent-div{overflow-x:auto;white-space:nowrap; } .child-div{display:inline ...

div超出不换行_子div超出父div部分横向滚动，不换行

div超出不换行_子div超出父div部分横向滚动，不换行相关推荐

最新文章

热门文章