html - 试图安排 <LI> 并感到非常卡住-6ren

html - 试图安排
并感到非常卡住

转载作者：行者123 更新时间：2023-11-27 22:51:47

问题:我必须以非常具体的方式安排这些 LI。这是图片:

Here is the image

但我似乎无法拆开这些盒子。我已经尝试过 Flexbox、ClearFix 等……没有成功。

请看图片，这样您就可以了解我应该如何制作这种外观。

* {

    box-sizing: border-box;
}


a {
    color: #777777;
}

html, body {
    height: 100%;

}


#wrap {
    margin: 0 auto;
    text-align: center;
    width: 960px;
}

.contentBox {
    margin: 0 auto;
    width: 960px;
    height: 80%;
    background-color: #ffffff;
    border: #dddddd;
    border-style: solid;
    border-width: .01em;
}

#firstName {
    color: white;
    margin: 0 auto;
    background-color: #4aaaa5;
    width: 300px;
    height: 85px;
    float: left;
    font-family: Georgia, 'Times New Roman', Times, serif;
    line-height: 250%;
    text-align: center;
}


#menu {
    color: #777777;
    background-color: #ffffff;
    width: 300px;
    height: 85px;
    font-family: Georgia, 'Times New Roman', Times, serif;
    float: right;
    display: flex;
    justify-content: space-between;
    align-items: center;

}


hr {
    clear: both;
    border-width: .03em;
    border-bottom-style: solid;
    margin: 0 auto;
    width: 100%;
    align-self: center;
    border-color: #777777;
}


#backgroundTest {
    background-image: url(https://grobconnolly.github.io/myportfolio/assets/images/swirl_pattern.png);
    background-repeat: repeat;
    padding: 70px;
    height: calc(100% - 87px);
}


#portfolioWrap {
    margin: 0 auto;
    width: 960px;
    background-color: #ffffff;
    border: #dddddd;
    border-style: solid;
    border-width: .01em;
}

.contentHeading {
    clear: both;
    color: #4aaaa5;
    margin: 15px 0 15px 15px;
}

.grayLine {
    margin: 15px auto;
    color: #777777;
    width: 930px;
    border-width: 1px;
    align-self: center;
}

#footerBox {
    margin-top: 50px;
    width: 100%;
    background-color: #666666;
    height: 4rem;
    border-top-style: solid;
    border-top-color: #4aaaa5;
    border-top-width: 10px;
    align-self: center;
    bottom: 0;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;

}

#copyright {
    text-align: center;
    color: white;
    overflow: hidden;
}

body {
    margin: 0 auto;
}

#robImage {
    width: 200px;
    height: 200px;
    float: left;
    margin: 0px 15px 0px 15px;
}

p {
    color: #777777;
    text-align: left;
    margin-left: 15px;
    margin-right: 15px;
    word-spacing: 3px;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 1.5;

}


#footerLine {
    color: #4aaaa5;
}


#cr1 {
    color: white;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
}

/* contact us page CSS */

#contentPadding {
    background-image: url("https://lh3.googleusercontent.com/MtzMSUjbfaDQY8xgppp8r826LVuwgwCkTE9aMTfPdHC5OUWr5UcBB4ulo1O_mzdaC6MAkzeN9G_11dSYYZCNfUM1lZKQW9xOfO3gDmeGi9ZW8FysGaSUoRqUctnzDBxjPUu2CF7GbOVdn8WOQviSnopCBSrqraAm0CFro5iQSvor-a513LA2Q4eCi88oB5PIZmJxn_av7T0kHVngc5BNKykQJNR13g4kep_BcaN_YbTrqAZBYfMy2FdD0klkUoQbLshgItmWQ6gH-Q-Ef3gjC0kLbxJBF4nTJJAJ027dahF-Cv_scyWwDDSxS4nNqQ4vsdFahevNFQItM94j8938kSyzw-99t3Ss6K7jo4YmV8Q8ixY5CCuL7-syMcbz6bJ3AMOOth2qjon9IQqr0fao4jqLQaMLK0I2bE8PcTHNISWz95VFiWOYnCxo76YOoClTl4zCO8obfxbo9TKdClhyjxYZ6BmSosFxGhd59YPcmdFmRIO18Vei4PBUyKK8pTPLwixUuG9AEkpljz-A7URK5AZxbUT_VlWBdqZWPbf8kaiiX24eY10BP15A-57I1AeVEuNlV61OsC2xr43YSf3M8-xYb2k1wqsWIE0mocY-L8h_jb8RCISwHmSlwNWGEiVGMvFHpsktw0szLV0UzRydDma0S9tisXJfiQPRzWxFc4aRfyJ2PQmg=s400-no");
    background-repeat: repeat;
    padding: 70px;
    height: 100%;
}

/* Style inputs with type="text", select elements and textareas */
input[type=text],
select,
textarea {
    width: 100%;
    /* Full width */
    padding: 12px;
    /* Some padding */
    border: 1px solid #cccccc;
    /* Gray border */
    border-radius: 4px;
    /* Rounded borders */
    box-sizing: border-box;
    /* Make sure that padding and width stays in place */
    margin-top: 6px;
    /* Add a top margin */
    margin-bottom: 16px;
    /* Bottom margin */
    resize: vertical
        /* Allow the user to vertically resize the textarea (not horizontally) */
}

/* Style the submit button with a specific background color etc */
input[type=submit] {
    background-color: #4aaaa5;
    color: white;
    padding: 12px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-family: Arial, Helvetica, sans-serif;
}

/* When moving the mouse over the submit button, add a darker green color */
input[type=submit]:hover {
    background-color: #4aaaa5;
    font-family: Arial, Helvetica, sans-serif;
}

/* Add a background color and some padding around the form */

.container {
    border-radius: 5px;
    border-color: #cccccc;
    background-color: #ffffff;
    padding: 20px;
    align-self: center;
    font-family: Arial, Helvetica, sans-serif;
    color: #777777;
}


/* start of portfolio css */

/*
#boxClass {
    
    display: flex;
    width: 540px;
    height: 800px;
    align-items: flex-start;
    justify-content: space-between;
    text-align: center; */


#boxTitleHangman {
    list-style: none;
    height: 150px;
    width: 200px;
    margin: 10px 15px 30px 15px;
    background-size: 100%;
    float: left;
    background-image: url(https://grobconnolly.github.io/myportfolio/assets/images/hangman.jpg);
    }

#hangmanText {
    background: #4aaaa5;
    width: 200px;
    height: 40px;
    color: white;
    text-align: center;
    align-items: center;
    position: relative;
    top: 80px;
    right: 15px;
    line-height: 40px;
    }



#boxTitleTrivia {
    list-style: none;
    height: 150px;
    width: 200px;
    margin: 10px 15px 30px 15px;
    background-size: 100%;
    float: left;
    background-image: url(https://grobconnolly.github.io/myportfolio/assets/images/trivia.jpg);
    }

#triviaText {
    background: #4aaaa5;
    width: 200px;
    height: 40px;
    color: white;
    text-align: center;
    align-items: center;
    position: relative;
    top: 80px;
    right: 15px;
    line-height: 40px;
    }

#boxTitleRock {
    list-style: none;
    height: 150px;
    width: 200px;
    margin: 10px 15px 30px 15px;
    background-size: 100%;
    float: left;
    background-image: url(https://grobconnolly.github.io/myportfolio/assets/images/rps.jpg);
}

#rockText {
    background: #4aaaa5;
    width: 200px;
    height: 40px;
    color: white;
    text-align: center;
    align-items: center;
    position: relative;
    top: 80px;
    right: 15px;
    line-height: 40px;

    }

#boxTitleRpg {
    list-style: none;
    height: 150px;
    width: 200px;
    margin: 10px 15px 30px 15px;
    background-size: 100%;
    float: left;
    background-image: url(https://grobconnolly.github.io/myportfolio/assets/images/rpg.jpg);
}
#rpgText {
    background: #4aaaa5;
    width: 200px;
    height: 40px;
    color: white;
    text-align: center;
    align-items: center;
    position: relative;
    top: 80px;
    right: 15px;
    line-height: 40px;
    }


#boxTitleRutgers {
    list-style: none;
    height: 150px;
    width: 200px;
    margin: 10px 15px 30px 15px;
    background-size: 100%;
    float: left;
    background-image: url(https://grobconnolly.github.io/myportfolio/assets/images/rutgers.jpg);
}

#rutgersText {
    background: #4aaaa5;
    width: 200px;
    height: 40px;
    color: white;
    text-align: center;
    align-items: center;
    position: relative;
    top: 80px;
    right: 15px;
    line-height: 40px;
    }


.portfolioTitle {
    background: #4aaaa5;
    width: 200px;
    height: 40px;
    color: white;
    text-align: center;
    align-items: center;
    position: relative;
    top: 100px;
    right: 15px;
    line-height: 40px;
    }

#hangmanBackground {
    height: 150px;
    width: 200px;
    margin: 10px 15px 30px 15px;
    background-size: 100%;
    float: left;
}

#triviaBackground {
    height: 150px;
    width: 200px;
    margin: 10px 15px 30px 15px;
    background-size: 100%;
    float: left;
}

#rockBackground {
    height: 150px;
    width: 200px;
    margin: 10px 15px 30px 15px;
    background-size: 100%;
    float: left;
}

#rpgBackground {

    height: 150px;
    width: 200px;
    margin: 10px 15px 30px 15px;
    background-size: 100%;
    float: left;
}

#rutgersBackground {
    height: 150px;
    width: 200px;
    margin: 10px 15px 30px 15px;
    background-size: 100%;
    float: left;
}

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Rob Connolly's Portfolio</title>
    <link rel="stylesheet" href="./assets/css/style.css">

</head>

<body>

    <!-- this div contains the header-->
    <div id="wrap">

        <header>
            <!-- name in header-->
            <h1 id="firstName">
                Rob Connolly
            </h1>
        </header>
        <!-- Header-->
        <div id="menu">

            <span>
                <a href="./index.html">About</a>
            </span>

            <span>
                <a href="./portfolio.html"> Portfolio</a>
            </span>

            <span>
                <a href="./contact.html">Contact</a>
            </span>


        </div>
    </div>

    <!-- clear fix cleard float-->
    <hr id="clearfix">

    <!-- background image-->
    <div id="backgroundTest">

        <!-- Wrap2 wraps portfolio content section-->
        <div class="contentBox">

            <!-- Portfolio Heading-->
            <h2 class="contentHeading">
                Portfolio
            </h2>
            <!-- gray line in about me section-->
            <hr class="grayLine">

            <!-- Portfolio Form-->



            <ul id="boxList">

                <li id="boxTitleHangman">
                    <p id="hangmanText">
                        Hangman
                    </p>
                </li>

                <li id="boxTitleTrivia">
                    <p id="triviaText">
                        Trivia
                    </p>
                </li>
                <li id="boxTitleRock">
                    <p id="rockText">
                        Rock
                    </p>
                </li>

                <li id="boxTitleRpg">
                    <p id="rpgText">
                        Rpg
                    </p>
                </li>

                <li id="boxTitleRutgers">
                    <p id="rutgersText">
                        Rutgers
                    </p>
                </li>

            </ul>

            <!-- 
                <div id="hangman">
                <div id="hangmanBackground" style="background-image: url('assets/images/hangman.jpg');">
                    <p class="portfolioTitle">Hangman</p>
                </div>

                <div id="trivia">
                    <div id="triviaBackground" style="background-image: url('assets/images/trivia.jpg');">
                        <p class="portfolioTitle">Trivia Game</p>
                    </div>

                    <div id="rock">
                        <div id="rockBackground" style="background-image: url('assets/images/rps.jpg');">
                            <p class="portfolioTitle">Rock Paper Scissors</p>
                        </div>
                    </div>

                    <div id="row2">
                        <div id="rpg">
                            <div id="rpgBackground" style="background-image: url('assets/images/rpg.jpg');">
                                <p class="portfolioTitle">RPG Game</p>
                            </div>

                            <div id="rutgers">
                                <div id="rutgersBackground" style="background-image: url('assets/images/rutgers.jpg');">
                                    <p class="portfolioTitle">Rutgers Info Widget</p>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>

                </div> -->

            <!-- Start of footer-->
            <div id="footerBox">
                <!-- Text for footer-->
                <p id="cr1"> &copy; Copyright</p>

            </div>
        </div>
    </div>
    </div>

</body>
</html>

最佳答案

欢迎使用 SO，它在 ul 上简单使用 column-count: 属性

这是更新的片段。

* {

    box-sizing: border-box;
}


a {
    color: #777777;
}

html, body {
    height: 100%;

}


#wrap {
    margin: 0 auto;
    text-align: center;
    width: 960px;
}

.contentBox {
    margin: 0 auto;
    width: 960px;
    height: 100vh;
    background-color: #ffffff;
    border: #dddddd;
    border-style: solid;
    border-width: .01em;
}
#firstName {
    color: white;
    margin: 0 auto;
    background-color: #4aaaa5;
    width: 300px;
    height: 85px;
    float: left;
    font-family: Georgia, 'Times New Roman', Times, serif;
    line-height: 250%;
    text-align: center;
}


#menu {
    color: #777777;
    background-color: #ffffff;
    width: 300px;
    height: 85px;
    font-family: Georgia, 'Times New Roman', Times, serif;
    float: right;
    display: flex;
    justify-content: space-between;
    align-items: center;

}


hr {
    clear: both;
    border-width: .03em;
    border-bottom-style: solid;
    margin: 0 auto;
    width: 100%;
    align-self: center;
    border-color: #777777;
}


#backgroundTest {
    background-image: url(https://grobconnolly.github.io/myportfolio/assets/images/swirl_pattern.png);
    background-repeat: repeat;
    padding: 70px;
    height: 100vh;
}


#portfolioWrap {
    margin: 0 auto;
    width: 960px;
    background-color: #ffffff;
    border: #dddddd;
    border-style: solid;
    border-width: .01em;
}

.contentHeading {
    clear: both;
    color: #4aaaa5;
    margin: 15px 0 15px 15px;
}
#boxList{
column-count: 2;
}

.grayLine {
    margin: 15px auto;
    color: #777777;
    width: 930px;
    border-width: 1px;
    align-self: center;
}

#footerBox {
    margin-top: 50px;
    width: 100%;
    background-color: #666666;
    height: 4rem;
    border-top-style: solid;
    border-top-color: #4aaaa5;
    border-top-width: 10px;
    align-self: center;
    bottom: 0;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;

}

#copyright {
    text-align: center;
    color: white;
    overflow: hidden;
}

body {
    margin: 0 auto;
}

#robImage {
    width: 200px;
    height: 200px;
    float: left;
    margin: 0px 15px 0px 15px;
}

p {
    color: #777777;
    text-align: left;
    margin-left: 15px;
    margin-right: 15px;
    word-spacing: 3px;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 1.5;

}


#footerLine {
    color: #4aaaa5;
}


#cr1 {
    color: white;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
}

/* contact us page CSS */

#contentPadding {
    background-image: url("https://lh3.googleusercontent.com/MtzMSUjbfaDQY8xgppp8r826LVuwgwCkTE9aMTfPdHC5OUWr5UcBB4ulo1O_mzdaC6MAkzeN9G_11dSYYZCNfUM1lZKQW9xOfO3gDmeGi9ZW8FysGaSUoRqUctnzDBxjPUu2CF7GbOVdn8WOQviSnopCBSrqraAm0CFro5iQSvor-a513LA2Q4eCi88oB5PIZmJxn_av7T0kHVngc5BNKykQJNR13g4kep_BcaN_YbTrqAZBYfMy2FdD0klkUoQbLshgItmWQ6gH-Q-Ef3gjC0kLbxJBF4nTJJAJ027dahF-Cv_scyWwDDSxS4nNqQ4vsdFahevNFQItM94j8938kSyzw-99t3Ss6K7jo4YmV8Q8ixY5CCuL7-syMcbz6bJ3AMOOth2qjon9IQqr0fao4jqLQaMLK0I2bE8PcTHNISWz95VFiWOYnCxo76YOoClTl4zCO8obfxbo9TKdClhyjxYZ6BmSosFxGhd59YPcmdFmRIO18Vei4PBUyKK8pTPLwixUuG9AEkpljz-A7URK5AZxbUT_VlWBdqZWPbf8kaiiX24eY10BP15A-57I1AeVEuNlV61OsC2xr43YSf3M8-xYb2k1wqsWIE0mocY-L8h_jb8RCISwHmSlwNWGEiVGMvFHpsktw0szLV0UzRydDma0S9tisXJfiQPRzWxFc4aRfyJ2PQmg=s400-no");
    background-repeat: repeat;
    padding: 70px;
    height: 100%;
}

/* Style inputs with type="text", select elements and textareas */
input[type=text],
select,
textarea {
    width: 100%;
    /* Full width */
    padding: 12px;
    /* Some padding */
    border: 1px solid #cccccc;
    /* Gray border */
    border-radius: 4px;
    /* Rounded borders */
    box-sizing: border-box;
    /* Make sure that padding and width stays in place */
    margin-top: 6px;
    /* Add a top margin */
    margin-bottom: 16px;
    /* Bottom margin */
    resize: vertical
        /* Allow the user to vertically resize the textarea (not horizontally) */
}

/* Style the submit button with a specific background color etc */
input[type=submit] {
    background-color: #4aaaa5;
    color: white;
    padding: 12px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-family: Arial, Helvetica, sans-serif;
}

/* When moving the mouse over the submit button, add a darker green color */
input[type=submit]:hover {
    background-color: #4aaaa5;
    font-family: Arial, Helvetica, sans-serif;
}

/* Add a background color and some padding around the form */

.container {
    border-radius: 5px;
    border-color: #cccccc;
    background-color: #ffffff;
    padding: 20px;
    align-self: center;
    font-family: Arial, Helvetica, sans-serif;
    color: #777777;
}


/* start of portfolio css */

/*
#boxClass {
    
    display: flex;
    width: 540px;
    height: 800px;
    align-items: flex-start;
    justify-content: space-between;
    text-align: center; */


#boxTitleHangman {
    list-style: none;
    height: 150px;
    width: 200px;
    margin: 10px 15px 30px 15px;
    background-size: 100%;
    float: left;
    background-image: url(https://grobconnolly.github.io/myportfolio/assets/images/hangman.jpg);
    }

#hangmanText {
    background: #4aaaa5;
    width: 200px;
    height: 40px;
    color: white;
    text-align: center;
    align-items: center;
    position: relative;
    top: 80px;
    right: 15px;
    line-height: 40px;
    }



#boxTitleTrivia {
    list-style: none;
    height: 150px;
    width: 200px;
    margin: 10px 15px 30px 15px;
    background-size: 100%;
    float: left;
    background-image: url(https://grobconnolly.github.io/myportfolio/assets/images/trivia.jpg);
    }

#triviaText {
    background: #4aaaa5;
    width: 200px;
    height: 40px;
    color: white;
    text-align: center;
    align-items: center;
    position: relative;
    top: 80px;
    right: 15px;
    line-height: 40px;
    }

#boxTitleRock {
    list-style: none;
    height: 150px;
    width: 200px;
    margin: 10px 15px 30px 15px;
    background-size: 100%;
    float: left;
    background-image: url(https://grobconnolly.github.io/myportfolio/assets/images/rps.jpg);
}

#rockText {
    background: #4aaaa5;
    width: 200px;
    height: 40px;
    color: white;
    text-align: center;
    align-items: center;
    position: relative;
    top: 80px;
    right: 15px;
    line-height: 40px;

    }

#boxTitleRpg {
    list-style: none;
    height: 150px;
    width: 200px;
    margin: 10px 15px 30px 15px;
    background-size: 100%;
    float: left;
    background-image: url(https://grobconnolly.github.io/myportfolio/assets/images/rpg.jpg);
}
#rpgText {
    background: #4aaaa5;
    width: 200px;
    height: 40px;
    color: white;
    text-align: center;
    align-items: center;
    position: relative;
    top: 80px;
    right: 15px;
    line-height: 40px;
    }


#boxTitleRutgers {
    list-style: none;
    height: 150px;
    width: 200px;
    margin: 10px 15px 30px 15px;
    background-size: 100%;
    float: left;
    background-image: url(https://grobconnolly.github.io/myportfolio/assets/images/rutgers.jpg);
}

#rutgersText {
    background: #4aaaa5;
    width: 200px;
    height: 40px;
    color: white;
    text-align: center;
    align-items: center;
    position: relative;
    top: 80px;
    right: 15px;
    line-height: 40px;
    }


.portfolioTitle {
    background: #4aaaa5;
    width: 200px;
    height: 40px;
    color: white;
    text-align: center;
    align-items: center;
    position: relative;
    top: 100px;
    right: 15px;
    line-height: 40px;
    }

#hangmanBackground {
    height: 150px;
    width: 200px;
    margin: 10px 15px 30px 15px;
    background-size: 100%;
    float: left;
}

#triviaBackground {
    height: 150px;
    width: 200px;
    margin: 10px 15px 30px 15px;
    background-size: 100%;
    float: left;
}

#rockBackground {
    height: 150px;
    width: 200px;
    margin: 10px 15px 30px 15px;
    background-size: 100%;
    float: left;
}

#rpgBackground {

    height: 150px;
    width: 200px;
    margin: 10px 15px 30px 15px;
    background-size: 100%;
    float: left;
}

#rutgersBackground {
    height: 150px;
    width: 200px;
    margin: 10px 15px 30px 15px;
    background-size: 100%;
    float: left;
}

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Rob Connolly's Portfolio</title>
    <link rel="stylesheet" href="./assets/css/style.css">

</head>

<body>

    <!-- this div contains the header-->
    <div id="wrap">

        <header>
            <!-- name in header-->
            <h1 id="firstName">
                Rob Connolly
            </h1>
        </header>
        <!-- Header-->
        <div id="menu">

            <span>
                <a href="./index.html">About</a>
            </span>

            <span>
                <a href="./portfolio.html"> Portfolio</a>
            </span>

            <span>
                <a href="./contact.html">Contact</a>
            </span>


        </div>
    </div>

    <!-- clear fix cleard float-->
    <hr id="clearfix">

    <!-- background image-->
    <div id="backgroundTest">

        <!-- Wrap2 wraps portfolio content section-->
        <div class="contentBox">

            <!-- Portfolio Heading-->
            <h2 class="contentHeading">
                Portfolio
            </h2>
            <!-- gray line in about me section-->
            <hr class="grayLine">

            <!-- Portfolio Form-->



            <ul id="boxList">

                <li id="boxTitleHangman">
                    <p id="hangmanText">
                        Hangman
                    </p>
                </li>

                <li id="boxTitleTrivia">
                    <p id="triviaText">
                        Trivia
                    </p>
                </li>
                <li id="boxTitleRock">
                    <p id="rockText">
                        Rock
                    </p>
                </li>

                <li id="boxTitleRpg">
                    <p id="rpgText">
                        Rpg
                    </p>
                </li>

                <li id="boxTitleRutgers">
                    <p id="rutgersText">
                        Rutgers
                    </p>
                </li>

            </ul>

            <!-- 
                <div id="hangman">
                <div id="hangmanBackground" style="background-image: url('assets/images/hangman.jpg');">
                    <p class="portfolioTitle">Hangman</p>
                </div>

                <div id="trivia">
                    <div id="triviaBackground" style="background-image: url('assets/images/trivia.jpg');">
                        <p class="portfolioTitle">Trivia Game</p>
                    </div>

                    <div id="rock">
                        <div id="rockBackground" style="background-image: url('assets/images/rps.jpg');">
                            <p class="portfolioTitle">Rock Paper Scissors</p>
                        </div>
                    </div>

                    <div id="row2">
                        <div id="rpg">
                            <div id="rpgBackground" style="background-image: url('assets/images/rpg.jpg');">
                                <p class="portfolioTitle">RPG Game</p>
                            </div>

                            <div id="rutgers">
                                <div id="rutgersBackground" style="background-image: url('assets/images/rutgers.jpg');">
                                    <p class="portfolioTitle">Rutgers Info Widget</p>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>

                </div> -->

            <!-- Start of footer-->
            <div id="footerBox">
                <!-- Text for footer-->
                <p id="cr1"> &copy; Copyright</p>

            </div>
        </div>
    </div>
    </div>

</body>
</html>

关于html - 试图安排 <LI> 并感到非常卡住，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/59404720/

文章推荐： c++ - const 类成员的自动扣除

文章推荐： c++ - 类对象成员函数的内存分配

文章推荐： c++ - 从透视图到正交图

文章推荐： javascript - DevExtreme 图表中同一线条的混合线条样式

rust - 线程 'main'对 'Box'感到 panic
我正在尝试学习Rust。我正在阅读一本书online，该书实现了unix程序cat。现在，我试图读取作为像cargo run file1.txt file2.txt这样的参数传递的文件的内容，但是程序
haskell - 对类型索引 GADT 中的 forall 感到“有点”困惑
我在 GHC 8.0.1 中遇到了一个带有种类索引 (?) GADT 的奇怪情况，其中在类型与种类签名中引入 foralls 会产生不同的类型检查行为。考虑以下数据类型: {-# LANGUAGE
perl - 为什么我对 Perl 5.10、Mason 和 Apache 感到 panic ？
我正在使用 Perl 5.10 开发应用程序，HTML::Mason和 Apache 2.2。这是我第一次在大型项目中使用 Perl 5.10。我每隔一段时间就会出现奇怪的行为。应用程序因一个非常奇怪
multithreading - 使用rusoto使用rust AWS分段上传，对 'there is no reactor running …`感到 panic 的多线程(人造丝)
我正在尝试将文件上传到aws中的rust中，因为我使用的是 rusoto_s3 的s3 rust客户端，当这些部分从单个线程发送时，我设法使分段上传代码正常工作不是我想要的，我想上传大文件，并且希望能

行者123

个人简介

我是一名优秀的程序员,十分优秀！

作者热门文章

滴滴打车优惠券免费领取

全站热门文章

首页

博学

6Ren·AI

商城

html - 试图安排
并感到非常卡住

首页

博学

6Ren·AI

商城

html - 试图安排 并感到非常卡住

html - 试图安排
并感到非常卡住