Знак подчеркивания текста

Я хочу установить расстояние между верхним краем документа и линией текста (та же линия, что и подчеркивание), например, для 200px, не имеет значения, насколько большой текст (даже если текст будет таким большим, чтобы она будет выходить из верхнего края документа)Знак подчеркивания текста

enter image description here

Красная линия показывает нижнюю строку текста и верхнего края документа, я хочу, постоянное расстояние между ними. Размер текста может быть различным

http://jsbin.com/azanuw/9/edit - пример - как сделать их нижние линии одинаковыми.

источник

2012-10-12 user1576183

Wha Ты пробовал? Похоже, что дисплей: встроенный блок и верхнее дополнение или маржа на текст должны делать то, что вам нужно? –

Thats не делать вещи для меня (возможно, я делаю что-то неправильно). Я объясню это так: наша страница - клетчатый блокнот, и вам нужно написать заголовок в строке nr 5, подзаголовок в строке nr 7, содержимое в строке nr 9, независимо от того, насколько велики ваши письма. – user1576183

Затем вы хотите, чтобы фиксированный элемент блока высоты содержал текст внутри –

Создать div в части красной линии. Дайте прокладку: 200px; для этого div.

источник

2012-10-12 16:55:35 Ajith

. Дополнительный синтаксис обычно не одобряется. Если бы вы хотели этого подхода, было бы лучше, если бы элемент блочного уровня имел абсолютную позицию с 'top: 200' – dgarbacz

Вы хотите использовать интервал em. Высота em - вертикальная высота буквы «m». Таким образом, когда размер текста изменяется, расстояние до вершины будет вертикально пропорционально размеру текста.

источник

2012-10-12 16:55:53 dgarbacz

http://jsbin.com/azanuw/9/edit то же самое. Как сделать их нижние линии в одном верхнем положении. – user1576183

попробовать это demo

каков бы ни был размер шрифта текста Дно будет 200px от верхней

CSS

body {background:#000; margin:0;} 
.topNav {color:#fff; height:200px; border:solid 1px #f00; position:relative; } 
.text {position:absolute; bottom:0px;font-size:20px;}

HTML

<body> 
    <div class="topNav"> 
    <div class="text">Some text goes hear</div> 

    </div> 
</body>

источник

2012-10-12 16:59:23 Champ

http://jsbin.com/azanuw/9/edit Я отредактировал ваш код. измененные размеры текста. Это ясно видно, что их «подчеркивания» имеют разное расстояние от верхнего края. (если у алфавита не было бы букв, таких как g, p, j и т. д. с нижней частью, было бы удобно) – user1576183

Знак подчеркивания текста

ответ

Смежные вопросы