Question

在我执政时,我发现,内地的电离层是离外的电离层。是否应该把职位推到作为社会保障局的一部分? 这些也是我真正的id和课堂(即我知道的点名)。

#outer-outer {
    text-align: center;
    display: grid;
    grid-template-columns: 5vw 45vw 45vw 5vw;
    grid-template-rows: 30vh 29vh 29vh 29vh 29vh 29vh;
    grid-template-areas: ". header header ." ". main main ." ". main main ." ". main main ." ". main main ." ". main main .";
    justify-items: center;
    justify-content: space-evenly;
}

#quote{
    font-weight: bold;
    grid-column-start: 2;
    grid-column-end: 4;
    grid-row-start: 1;
    grid-row-end: 2;
    white-space: pre-line;
}


#what-is-ll{
    font-size: x-large;
    font-weight: lighter;
    grid-column-start: 3;
    grid-column-end: 4;
    grid-row-start: 2;
    grid-row-end: 3;
}
#outer-div{
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 2;
    grid-row-end: 3;
}
#inner-div{
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 3;
    grid-row-end: 4;
}

<div id ="outer-outer">

    <h1 id = "quote">
        Lorem Ipsum
    </h1>

    <div id="what-is-ll">
        <h2 id="what-is-ll-title">

        </h2>
        <div id="what-is-ll-body">
            <p>
                Lorem Ipsum
            </p>
        </div>

    </div>

    <div id="outer-div">
        <h2 id="inner-div">
            Why make this?
        </h2>
    </div>
</div>

我试图将内地四面的栏目数移至无用状态,但将外射线的栏目和行号完全改动。 https://i.stack.imgur.com/zm9CN.png”rel=“nofollow noreferer”> 这是结果。 “如何做到这一点”应该是内聚居地界定的。

EDIT:我想,我理解,为什么在返回后发生这种情况。 <代码>outer-div 诸如集装箱,例如<代码>inner-div 不能离开。

www.un.org/Depts/DGACM/index_spanish.htm 现在的问题是,我要说的是:outer-div。持有多个<条码> s. 如果我想将inner-div留有改动栏目,即2、3、2、3、3、3、3、1、>的电网编码-column-end改为4,则内分机/div在2栏和3栏之间架设。这些栏目以相联的形象标示。第2栏或第3栏中应包含“如何做到这一点”。


我希望该页像弹性箱here。

Answer 1

Since the div with id #outer-outer is divided like grid-template-columns: 5vw 45vw 45vw 5vw;,hence for div with id outer-div You need to start from the second column and end at third column:

#outer-outer {
    text-align: center;
    display: grid;
    grid-template-columns: 5vw 45vw 45vw 5vw;
    grid-template-rows: 30vh 29vh 29vh 29vh 29vh 29vh;
    grid-template-areas: ". header header ." ". main main ." ". main main ." ". main main ." ". main main ." ". main main .";
    justify-items: center;
    justify-content: space-evenly;
}

#quote{
    font-weight: bold;
    grid-column-start: 2;
    grid-column-end: 4;
    grid-row-start: 1;
    grid-row-end: 2;
    white-space: pre-line;
}


#what-is-ll{
    font-size: x-large;
    font-weight: lighter;
    grid-column-start: 3;
    grid-column-end: 4;
    grid-row-start: 2;
    grid-row-end: 3;
}
#outer-div{
    grid-column-start: 2; /* start from 2*/
    grid-column-end: 3;/* end at 2*/
    grid-row-start: 2;
    grid-row-end: 3;
}
#inner-div{
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 3;
    grid-row-end: 4;
}

<div id ="outer-outer">
    <h1 id = "quote">
        Lorem Ipsum
    </h1>
    <div id="what-is-ll">
        <h2 id="what-is-ll-title">

        </h2>
        <div id="what-is-ll-body">
            <p>
                Lorem Ipsum
            </p>
        </div>
    </div>
    <div id="outer-div">
        <h2 id="inner-div">
            Why make this?
        </h2>
    </div>
</div>

友情链接