Мой текст имеет большие вертикальные пробелы между каждой новой строкой внутри div?

Question

Мой текст имеет большие вертикальные пробелы между каждой новой строкой внутри div?

0

Если вы запустите следующий код, вы заметите, что слово hello выводится вертикально в белом div с большим расстоянием между каждой новой строкой. Я пробовал много разных вещей, таких как избавление от стиля маржи (не уверен, если это имеет значение), но не повезло найти решение.

<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=windows-1252">  
<title>div_experiment</title>
</head>
<body>
<style type = "text/css">
body
{
    background-color: black;
}
#div_id
{
    position: absolute;
    top: 0%;
    left: 50%;
    margin: 0 auto; 
    overfill: auto auto;    
    max-height: 696px;  
    background-color: white;
    font-size: 25px;
}
</style>
<script language="JavaScript"> 
</script>   
<div id = "div_id">
    <p>hello</p><br>
    <p>hello</p><br>
    <p>hello</p><br>    
</div>
</body>
</html>

pandoragami 16 фев. 2014, в 05:01

Источник

0

Теги p имеют margin по умолчанию сверху и снизу. а также нет необходимости использовать br при использовании display: block elements.
Mr_Green 16 фев. 2014, в 03:58

Теги:

html

css

text

spacing

1 ответ

Ещё вопросы

Теги p имеют margin по умолчанию сверху и снизу. а также нет необходимости использовать br при использовании display: block elements.

Shomz · Accepted Answer · 2014-02-16T01-53-00.000Z

Элементы вашего абзаца имеют этот запас, а не контейнер. Поэтому это правило должно исправить это:

#div_id p {margin: 0;}

Это уменьшает это, я думаю. Есть ли способ сделать его еще меньше?
Это полностью прошло. Разрывы вы видите сейчас из <br> элементов. Удалите их, если вы хотите удалить пространство и используйте отступы / отступы абзаца для более точного управления интервалом.
Собирался вставить свой собственный. :)