小编Noa*_*jen的帖子

正如标题所示我需要制作一个CSS网格而不会丢失浮点数,因为这会干扰Waypoints JS插件 ......

无论如何,我偶然发现,display: inline-block;但如果网格中的方框占据了容器宽度的100%,那么只有在一行代码中写入所有代码时才有效(JSFiddle 1)

由于我的项目是模板,我不能强迫用户在一行中写下他的所有代码.

有什么方法可以解决这个问题吗？

Udate 1:

white-space: nowrap;对我没有帮助,因为它搞砸了元素中的所有文本(JSFiddle 2)

Udate 2:

此 font-size: 0;解决方案对我没有帮助,因为我还需要父元素中的文本

我目前有一个条形图，其中并未显示所有 X 轴数据。

这是一个屏幕截图：

我已经彻底搜索了互联网，但找不到解决方案。我不知道这些文本的 css 类是什么，也找不到它。当我更改 css 中任何类中的 -fx-font-size 时，仅更改标签字体大小。

我想调整 x 轴文本的大小，以便可以显示所有内容。

旋转文本也可以，但我也找不到解决方案。

PS：不用担心半个德国国家名称。

我在通过Nuget安装Azure存储包时遇到了以下问题

Attempting to resolve dependency 'Microsoft.Data.OData (? 5.6.2)'.
Attempting to resolve dependency 'System.Spatial (= 5.6.3)'.
Attempting to resolve dependency 'Microsoft.Data.Edm (= 5.6.3)'.
'WindowsAzure.Storage' already has a dependency defined for
'Microsoft.Data.OData'.

我只是想知道是否有任何类型的CSS字体大小的重置代码,因为我正在做一个没有浮动的网格,并且必须将font-size设置为0

结果是那个Div里面没有我的文字出现了.

谢谢您的帮助!

编辑:

的jsfiddle

在不将font-size设置为0的情况下执行Grid的一些方法也很棒.

这是我正在使用的简化标记和CSS:

HTML

<div class="container">

    <div class="inner">

        <section id="left-area"> [...] </section>

        <section id="right-area"> [...] </section>

    </div>

</div>

CSS

.container {
    margin: 0 auto;
    text-align: left;
    width: 1020px;
}

.container .inner {
    width: 100%;
    height: 100%;
    display: table-row;
    font-size: 0;
}

.container .inner section#left-area, .container .inner section#right-area {
    display: inline-block;
    vertical-align: top;
}