html table space,html – white-space：nowrap中断显示：table

我快要疯了.我使用搜索和谷歌,但无法想出一个解决方案,它将无法正常工作:(

我有一个div嵌套在其他div中自动垂直居中和背景.

最初它垂直适合几个图像并动态调整大小.

我根据图片的数量(宽度,填充)使用几种CSS样式.

但对于这个画廊我需要很多图片,原始布局分成几行,但我想要一个嵌套的“white-space：nowrap”with overflow-x：auto;在我的div.

所以我可以滚动它们,但是“white-space：nowrap”会破坏所有显示内容：表格属性.

我想这会发生吗？但后来我需要一个更有效的解决方案或至少一种暗示.

我也做了一个简化的小提琴：

http://jsfiddle.net/x696B/9/

如果删除显示表属性,它会工作,并滚动.我需要在我的div中. ：d

这是我的nooby css(相关部分)

html

{

height:100%;

}

body

{

height:98%;

background-color: #FFF9E5;

padding: 0px;

}

.wrapper

{

margin:auto;

padding: 0px;

z-index: 0;

height:100%;

width:100%;

display:table;

vertical-align:middle;

}

.outer

{

z-index: 0;

padding: 0px;

display:table-cell;

vertical-align:middle;

background-color: #FFF9E5;

}

div.container

{

margin: 0 auto;

display:table;

z-index: 0;

-webkit-border-radius: 5px;

-moz-border-radius: 5px;

border-radius: 5px;

width:60%;

background-color: #867F27;

padding-right:1%;

padding-left:1%;

white-space: nowrap;

overflow: auto;

}

.view

{

width:100%;

white-space: nowrap;

overflow-x: auto;

margin: 0 auto;

text-align: left;

}

如果我将display：table和display：table-cell标记为注释,则库看起来很好并且滚动但不会居中. (得到其他带徽标的div等)

这是我的HTML

my page

@import url("style.css");

哦,原谅我这个愚蠢的问题,到目前为止这个论坛是一个很大的帮助,但现在我输了.

提前致谢.

html table space,html – white-space：nowrap中断显示：table相关推荐

alter table move与shrink space
http://www.xifenfei.com/1051.html 都知道alter table move 或shrink space可以收缩段,用来消除部分行迁移,消除空间碎片,使数据更紧密,但mo ...
Visual Studio Tip 之如何查看隐形的空格(white space)和制表符(tab)
许多软件公司对于自己源代码的格式有这严格的规定, 比如说缩进的时候应该用多少个空格, 或多少个制表符都是不能有差错的. 然而, 三个空格和四个空格有很明显的区别么? 四个空格和一个制表符光靠肉眼容易分 ...
《Java SE实战指南》05-05：空白字符（White Space）
内容导航: 前言 1.定义 2.缩进 3.空格 4.空行 1.定义空白字符(White Space),包括ASCII空格符.水平制表符.换页符和行终止符,主要用来格式化代码. 2.缩进 4个空格,还 ...
stm32中c语言换行符error——expect a declaration warning——“\“followed by white space is not a line splic
标题 stm32中c语言换行符error--expect a declaration warning--""followed by white space is not a lin ...
线上问题处理-feign调用报错（Illegal character ((CTRL-CHAR, code 31)): only regular white space (\r, \n, \t) ）
线上问题处理-feign调用报错业务场景:服务1通过Feign调用服务2,测试阶段一切正常,线上有数据丢失(为避免敏感本地简单复现了下).报错如下: 2021-12-04 13:47:47.774 ...
only regular white space (\r, \n, \t) is allowed between tokens
Caused by: com.fasterxml.jackson.core.JsonParseException: Illegal character ((CTRL-CHAR, code 31)): ...
JVM内存区域详解（Eden Space、Survivor Space、Old Gen、Code Cache和Perm Gen）
参考文章: https://www.cnblogs.com/redcreen/archive/2011/05/04/2037057.html https://www.cnblogs.com/duanx ...
optee:kernel space调用user space进程时候的硬件行为
文章目录 1.先看kernel调用userspace所需的的参数 2.先看kernel mode切换user mode的寄存器行为 ★★★ 链接 : 个人博客导读首页-点击此处 ★★★ 我们以opte ...
Unity内置管线升级URP之色彩空间（伽马、sRGB、Gamma Space和Linear Space）
目录本文内容伽马(Gamma) sRGB 色彩空间(Color Space) 总结转色彩空间后出现问题的缘由 1.相同场景材质和光照为什么变暗了? 2.个人定制化的PBR显示不正确了?(讨论的是 ...

html table space,html – white-space：nowrap中断显示：table

html table space,html – white-space：nowrap中断显示：table相关推荐

最新文章

热门文章