Question

您好我正在尝试制作这个网页但面对这个问题我正在使用内联块，但它没有制作新的线它只是继续直线我需要它一旦它到达MainPage填充限制如何能够换行我这样做，我认为内联自动生成换行符

谢谢。

2>EnsureAdminPrivileges : Not running as administrator. You need to run Visual Studio with administrator privileges

Answer 1

我修改了你的css，你必须删除空格：nowrap来自.UL-Slider并从.gridItem中删除宽度。同时减少#MainPage

的填充

#MainPage {
    padding-left: 100px;
    padding-right: 100px;
}

body > #body-container {
    height: auto;
    min-height: 100%;
}

.pageData {
    display: table;
    table-layout: fixed;
    width: 100%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.PageInner {
    display: table-row;
}

.PageCard {
    margin: 0 0 10px;
    border: 0;
    background: #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.gridItem {
    display: inline-block;
    margin-right: 10px;
    vertical-align: top;
    word-wrap: break-word;
}

#Pagebox {
    border-bottom: 1px solid #e2e2e2;
    padding-left: 18px;
    padding-right: 18px;
}

.UL-Slider {
    width: 100%;
    overflow: visible;
    position: relative;
    left: 0;
    white-space: normal;
    font-size: 0;
    vertical-align: top;
    -moz-transition: left .3s ease-in-out;
    -webkit-transition: left .3s ease-in-out;
    transition: left .3s ease-in-out;
}

.MovieItem {

    display: inline-block;
    margin-right: 10px;
    vertical-align: top;
    width: 196px;
    word-wrap: break-word;
}

.Video-CFix {
    font-size: 11px;
    color: #767676;
    position: relative;
}

.LockUp-Thumbnail {
    margin-bottom: 4px;
}

.VideoThumb {
    font-size: 0;
}

.VideoTitle {
    margin-right: 20px;
    font-size: 13px;
    margin-bottom: 1px;
    max-width: 196px;
}

CSS内联块没有换行

1 个答案: