Javascript CSS中是否存在使页面宽度可变的方法？

我有一个没有垂直滚动的页面，所有内容都是水平显示的

如果您一直滚动到我的页面末尾（一直向右），您将看到我的联系信息。 例如：

<div1></div1>
<div2></div2>
<div3></div3>
<divN></divN>

在本例中，div1是最左边的项，div2位于中间，div3位于右侧。。。一直到最后，都会显示divN。 每个div的宽度为500像素。 我可以将我的页面宽度设置为20000px（对于4个div），这非常有效。 但是，我想让我的页面动态，每个div，而不是divN都是从数据库加载的。这意味着，每次添加内容时，我都必须手动增加页面宽度

---

有没有办法使这个过程自动化

您可以将CSS保存到表中，在需要动态更改值的位置插入占位符。见鬼，这甚至可能只是某个地方的模板文件。然后，每当您在基础上发布一个新的部分时，拉取模板，字符串替换占位符，然后将新的CSS写到文件中

---

有意义吗？

您可以将CSS保存到表中，在需要动态更改值的位置插入占位符。见鬼，这甚至可能只是某个地方的模板文件。然后，每当您在基础上发布一个新的部分时，拉取模板，字符串替换占位符，然后将新的CSS写到文件中

---

有意义吗？

据我所知，这可能就是你想要的：

.parent{
    overflow:hidden;
    white-space:nowrap;
}

.parent > div{
    width:500px;
    height:300px;
    border:1px solid red;
    display:inline-block;
    *display:inline;/*For IE7*/
    *zoom:1;
    white-space:normal;
}

---

根据我的理解，检查此项可能就是您想要的：

.parent{
    overflow:hidden;
    white-space:nowrap;
}

.parent > div{
    width:500px;
    height:300px;
    border:1px solid red;
    display:inline-block;
    *display:inline;/*For IE7*/
    *zoom:1;
    white-space:normal;
}

---

选中此选项，为什么不使用外部div的

宽度：100%

，并使其他div的

宽度：33%

以正确的方式浮动所有内容

---

为什么不使用

宽度：100%

作为外部div，让其他div

宽度：33%

以正确的方式浮动所有内容

---

另一个选项是为每个div分配一个类，然后使用javasript计算当前的类数乘以每个div所需的宽度，然后使用javascript设置页面宽度和on document ready事件。

另一个选项是为每个div分配一个类，然后使用javasript计算页面宽度当前的类数乘以每个div所需的宽度，然后使用javascript设置on document ready事件的页面宽度。

我不能100%确定OP想要什么，但这里有一个“解决方案”：

HTML:

JavaScript（jQuery）：

演示：

---

我不能100%确定OP想要什么，但这里有一个“解决方案”：

HTML:

JavaScript（jQuery）：

演示：

---

或者

溢出-x：滚动

。或者

溢出-x：滚动。
.parent {
    white-space: nowrap;
}

.parent > div {
    display: inline-block;
    width: 200px;
    margin-left: 1px;
    background: #eee;
}

.parent > .nocontent {
    display: none;            
}
​

$(function() {
   // Simulate loading content
    setTimeout(function() {
        $('#div2').text('2 has content now').removeClass('nocontent');
    }, 3000);
});​