добавить 10 пикселей снизу после текста внутри родительского div с классом vAlign?

Question

добавить 10 пикселей снизу после текста внутри родительского div с классом vAlign?

0

Как сделать мой текст внутри div с той же маркой снизу, что и марка сверху (теперь она установлена на 10 пикселей)? Большое спасибо. PS: JSFIDDLE

CSS:

.content_txt .h3 a{
    font-weight: normal !important;
}
.content_txt .h3{
    margin-top: 10px !important;
}

HTML:

<div class="ui-body content_txt" style="background-color: rgb(246, 246, 253); height: auto;">
  <div class="vAlign">
   <h3 class="h3" style="color:#236EE8;margin:0;padding:0;">
     <a class="ui-link" href="/cz/cs/65_chystane-akce/2155_automan-expo.html?do=article" style="color:#236EE8;"> 30th Annual CMSC Confere </a>
   </h3>
   <b>21.7.2014 | North Charleston, SC (US)  (SG)</b>
   <br class="clear">
  </div>
</div>

JQuery:

$('.content_txt').each(function(){
            if($(this).find('.vAlign').height() > 30){
                    $(this).css('height','auto');           
            }else{
                $(this).css('height','60px');
            }
});

HTML:

user3342042 11 апр. 2014, в 12:33

Источник

0

Было бы более целесообразно поместить h3 внутри a теге.
Paulie_D 11 апр. 2014, в 10:31
0

Спасибо за советы , но я могу изменить текущий код a внутреннюю h3 иметь margin 10px на дне , где текст заканчивается?
user3342042 11 апр. 2014, в 10:33
0

как margin: 10px 0px 10px 0px !important; ?
Batu.Khan 11 апр. 2014, в 10:33
0

@Batu Zet, поскольку U может видеть не весь текст внутри тега h3 U, например, может видеть тег b ниже. Все завернуто в div с классом vAlign .
user3342042 11 апр. 2014, в 10:35
0

Я думаю, что style ="" необходимо удалить в теге h3 , потому что это может отменить правило CSS. Тогда CSS margin: margin: (top) (right) (bottom) (left) Или margin: (top & bottom) (left & right) Это означает, что вы можете сделать это для маржи 10px: margin: 10px 0
CvR 11 апр. 2014, в 10:38
0

Пожалуйста, ПРОВЕРЬТЕ мой Jsfiddle: jsfiddle.net/b4dh2, чтобы понять мою проблему. Мне нужно добавить 10 пикселей вниз, где заканчивается текст, я имею в виду весь текст в родительском div с классом vAlign
user3342042 11 апр. 2014, в 10:42

Показать ещё 4 комментария

Теги:

jquery

html

css

html5

css3

2 ответа

0

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

.content_txt .h3{
    border:1px solid;
    padding-top: 20px !important;
    padding-bottom:20px !important;
}

или иначе plz расскажет нам более сдержанно, что вы хотите... извините, если я понял, что вы ошибаетесь

или, может быть, вы этого хотите.

.content_txt .h3{
    margin: 10px !important;

}

sry, я не могу спросить вас по комментарию, так как m не могу написать комментарий, так что если я понял, что вы ошибаетесь, то извините..

Leo the lion 11 апр. 2014, в 08:45

Ещё вопросы

Было бы более целесообразно поместить h3 внутри a теге.
Спасибо за советы , но я могу изменить текущий код a внутреннюю h3 иметь margin 10px на дне , где текст заканчивается?
@Batu Zet, поскольку U может видеть не весь текст внутри тега h3 U, например, может видеть тег b ниже. Все завернуто в div с классом vAlign .
Я думаю, что style ="" необходимо удалить в теге h3 , потому что это может отменить правило CSS. Тогда CSS margin: margin: (top) (right) (bottom) (left) Или margin: (top & bottom) (left & right) Это означает, что вы можете сделать это для маржи 10px: margin: 10px 0
Пожалуйста, ПРОВЕРЬТЕ мой Jsfiddle: jsfiddle.net/b4dh2, чтобы понять мою проблему. Мне нужно добавить 10 пикселей вниз, где заканчивается текст, я имею в виду весь текст в родительском div с классом vAlign

Saxeen · Accepted Answer · 2014-04-11T08-36-00.000Z

Я думаю, что у меня есть рабочее решение для вас, добавив некоторые дополнения в content_txt. Следующий код - это моя модифицированная версия css в вашей скрипке.

.content_txt .h3 a{
font-weight: normal !important;
}
.content_txt {
    border-bottom: 1px solid black;
    padding-top: 10px;
    padding-bottom: 10px;
}