html и css пытаются получить некоторое вертикальное пространство вокруг моих уравнений

Все, что я пытаюсь сделать, это получить некоторое вертикальное расстояние вокруг уравнений. Я хочу установить определенное количество пространства, которое появляется перед уравнением и определенное количество после. Я пробую всевозможные вещи, но всегда кажется, что-то сходит с ума. Я понимаю, что крах рушится, но это явно больше, чем это происходит. Я привел несколько абсурдных пространств, чтобы проиллюстрировать глупость. Может ли кто-нибудь помочь?html и css пытаются получить некоторое вертикальное пространство вокруг моих уравнений

calcStyle.css:

body {font-size:180%;} 
h2 {font-size:250%;} 
h1 {font-size:170%;} 
table {font-size:150%} 
body {margin-left:30px;} 
body {margin-right:30px;} 
body {background-color:#ffffff;} 
blockquote { 
    margin-left 55px; 
    margin-right 55px; 
    font-style: italic;} 
h1 {color:#222222;} 
td { 
    text-align: center; 
    padding-left: 12px; 
    padding-right: 12px; 
    padding-top: 4px; 
    padding-bottom: 4px; 
} 

th { 
    text-align: center; 
    padding-left: 12px; 
    padding-right: 12px; 
    padding-top: 4px; 
    padding-bottom: 4px; 
} 
equation { 
    margin-left:10px; 
    margin-right:10px; 
    padding-top:100px; 
    padding-bottom:100px; 
    padding-left:100px; 
    padding-right:100px; 
    margin-top:100px; 
    margin-bottom:100px; 
    border:50px #eeeeee; 
    background-color: #ddddaa 
}

HTML:

<head> 
    <link rel="stylesheet" type="text/css" href="calcStyle.css" /> 
</head> 
<body> 
    easy math: <br /> 

    <equation> 
     2+2=4 
    </equation> 
    <br /> 
    hard math: 
    <br /> 
    <equation> 
     3+3=6 
    </equation> 
    <br /><br /> 
</body>

Результат:

enter image description here

источник

2011-12-25 William Jockusch

В чем проблема? – Blender

Просто подсказка - вы можете сразу установить все 4 поля: «margin: Tpx Rpx Bpx Lpx», где T, R, B, L - верхнее, правое, нижнее и левое поля. То же самое для заполнения. –

У вас есть поля от. Я установил их here.

В целом вы можете написать свои поля как: margin: top right bottom left, а их атрибуты margin-* - где верхний, правый, нижний и левый представляют значения ширины пикселя, которые вы можете дать в соответствии с вашими потребностями.

источник

2011-12-25 04:25:44

Я бы рекомендовал использовать div и установить класс в «уравнение», потому что «уравнение» не является допустимым тегом html. Примером может служить here

easy math: 

<div class="equation"> 
    2+2=4 
</div> 

hard math: 
<div class="equation"> 
    3+3=6 
</div>

источник

2011-12-25 04:35:01 flynfish

Добавить display: inline-block; в свой equation. Это решит проблему. т.е.

в вашем CSS:

equation { 
    ... 
    display: inline-block; 
    ... 
}

Fiddle: http://jsfiddle.net/VGwwL/

источник

2011-12-25 04:41:46 techfoobar

html и css пытаются получить некоторое вертикальное пространство вокруг моих уравнений

ответ

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