如何让一条线不归？

Question

我正在这个网站上工作。（http://kristinbecker.com/everydaypart1_test.htm）

客户希望在各种珠宝作品下有一些空间。我怎样才能在片段下吱吱作响，但每次创建新片段时都不会让它返回一行。长度无关紧要，宽度设定。我只是不想让线路返回。我将如何在html或css中执行此操作？

页数： http://kristinbecker.com/everydaypart1_test.htm

http://kristinbecker.com/style.css

（警告Css可能不匹配，我把这个工作从一个身患绝症的人那里拿过来.Css表中有一些类，但有些只是嵌入在各个页面的标题中。）< / p>

任何帮助都会很棒，谢谢！

Answer 1

在您更改HTML之后，这在CSS中非常简单。您目前的结构有点像这样：

paragraph containing images
    first image
    second image
    third image
    fourth image
paragraph about first image
paragraph about second image
paragraph about third image
paragraph about fourth image

您可以先将其更改为：

unordered list
    list item
        image
        paragraph about image
    list item
        image
        paragraph about image
    list item
        image
        paragraph about image
    list item
        image
        paragraph about image

现在，图像及其相应的段落清晰地联系在一起。现在，如果无序列表具有类images：

.images {
    margin: 0;
    padding: 0;
    overflow: auto;
}
.images li {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 155px;
    min-height: 500px; /* adjust this as you see fit */
    float: left;
}

现在你甚至不必按行分隔图像; CSS将为您全力以赴。

Answer 2

通过“返回”，我认为你的意思是包装。

selector { whitespace: nowrap }

Answer 3

我快速浏览了你的页面。

将此添加到您的.underpics课程

display: inline-block;