Question

我正在建立一个网站，我想要一个有关我们小组的一些基本信息的页脚（地址，联系信息等）。我用来制作页脚的实际方法可能有缺陷（请纠正我，如果它是）但我的主要问题是文本。我想要标题为“问题，评论或内容？”的文字。拥抱页脚的顶部。我还想要添加到页脚的任何其他文本来做同样的事情。我无法弄清楚该怎么做。我的代码和我正在描述的图片如下。 This is the picture of what the footer looks like so far

HTML：

        <footer id="footer">
            <ul class="footer-text">
                <li class="footer-title">Address</li>
                <li>place holder</li>
                <li>place holder</li>
                <li>place holder</li>
                <li>place holder</li>
            </ul>
            <ul class="footer-text">
                <li class="footer-title">Questions, Comments, or Conserns?</li>
                <li>place holder</li>
            </ul>
        </footer>

CSS：

#footer {
    background:#F6F7F9;
    bottom:0;
    height:17%;
    position:absolute;
    width:100%;
}

.footer-text {
    display:inline-block;
    font-size: 12px;
    list-style-type: none;
}

.footer-title {
    font-size:14px;
    text-decoration: underline;
}

Answer 1

将display属性设置为inline-grid，这样可以解决你的问题但是你的html需要更多的改进，你必须使用div元素来设计html页面

.footer-text {
    display:inline-grid;
    font-size: 12px;
    list-style-type: none;
}

Answer 2

你需要使用vertical-align：top;垂直对齐你的ul元素。所以解决方案是：

$ cat file.csv | xargs -I [] find /Users/me/where/to/search -type f -name "[]*"  -exec cp {} /Users/me/where/to/copy \;

Codepen

网站页脚文本不与页脚顶部对齐

2 个答案: