小编Ash*_*ish的帖子

我div父母有很多孩子div.它可能是最小2到最大8.我保持儿童div的宽度25%固定.问题是当有2个或3个孩子时div,则先用50%或75%的父母div来显示这些divs.但是我想用50%或75%的父母div来显示这些divs.如果有超过4个孩子div的话,我想显示父行的第一行没有任何变化,并且想要使用居中的25%为5 div,居中50%为第5和第6,居中75%为第5,6和7th div .

HTML:

<div class="container">
    <p>Block1</p>
    <div class="banner">
        <div class="block1">
            <img src="hoels.png" />
            <p>Banquet Halls</p>
        </div>
        <div class="block1">
            <img src="hoels.png" />
            <p>Resorts</p>
        </div>
        <div class="block1">
            <img src="hoels.png" />
            <p>Hotels</p>
        </div>
        ---------------------------
        ---------------------------
        ---------------------------
    </div>
</div>

CSS:

.container{
    width:100%;
    margin:0 auto;
    max-width:991px;
}
.banner{
    padding:20px;
}
.block1{
    float:left;
    width:33%;
    text-align:center;
}
.block1 img{
    width:100%;
max-width:100px;
}

小提琴: https ://jsfiddle.net/7fpt4m5e/2/

您好，我正在使用省略号缩短长字符串并将 dotes(...) 放在末尾。问题是，如果字符串包含空格，那么我想先打破字符串，然后如果它溢出，则放入 dotes(...)。例如我有两个字符串

Choreographers  Farm Houses

如果我不使用省略号，那么在调整窗口大小时，Choreographers 会重叠农舍......

当我使用省略号然后调整窗口大小时我得到

Choreogra...    Farm Ho...

我想要的是

Choreogra...      Farm
                  Houses

如果屏幕更小

Chore...         Farm
                 Hous...

小提琴： https: //jsfiddle.net/7fpt4m5e/3/