Возможно ли решить вопрос с нижним колонтитулом в формате HTML? - PullRequest
Новая
       7

Возможно ли решить вопрос с нижним колонтитулом в формате HTML?

0 голосов
/ 26 февраля 2019

У меня есть некоторые серьезные проблемы с центрированием текста нижнего колонтитула по вертикали (высота), и я хочу, чтобы нижний колонтитул был ближе к тексту абзаца.Возможно ли это? введите описание изображения здесь 

<!DOCTYPE html>
<html>
<head>
<title></title>
<link rel="stylesheet" type="text/css" href="stylefooter.css">
</head>
<body>

<div id="container">
<div id="main">
<p>ffsdergserkghretkguhsritg</p></br>
</div>
</div>

<footer id="footer">
<p>Ohhhh yeah!</p>
</footer>

</body>
</html>

  • {
    поле: 0;
    отступ: 0;

    html, тело {
    высота: 100%;
    }

    контейнер {

    min-height: 100%;

    }

    main {

    overflow: auto;             
padding-bottom: 40px;

    }

    нижний колонтитул {

    background-color: black;
position: relative;
height: 40px;               
clear: both;
text-align: center;
color: white;

    }

1 Ответ

0 голосов
/ 26 февраля 2019

Вы можете использовать свойство "line-height" в css и указать высоту нижнего колонтитула в качестве значения 

footer 
{
    height : 40px;
}

footer > p 
{
    line-height: 40px;
}

больше информации: https://developer.mozilla.org/en-US/docs/Web/CSS/line-height

...