Как получить внутренний HTML в оболочке HTML

Question

Как получить внутренний HTML в оболочке HTML

0

РЕДАКТИРОВАТЬ СКРИНШОТ

Я хочу создать страницу портфолио. Моя проблема заключается в внутреннем html

    <div class="box desktop-3 tablet-3 tablet-ls-3 mobile-3">
                <a class="modulText" href='#module'>
                    <img src="../img/placeholder.png" />
                    <div class="label">
                        <div class="label-text">
                            <div class="text-title">
                               <%= title %>
                            </div>
                            <span class="text-category">Category</span>
                        </div>
                    </div>
                </a>
        </div>

css выглядит так:

desktop-3 {
   width: 25%;
}

.box {
   min-height: 282px;
   padding: 10px;
   float: left;
}

img {
   max-width: 100%;
   max-height: 100%;
   z-index: 1;
}

.label {
    background-color: rgba(25, 25, 25, 0.5);
    width: 100%;
    bottom: 0;
}

.label-text {
    color:#fff;
    position: relative;
    z-index:500;
    padding:5px 8px;
}

text-category {
    display: block;
    font-size: 9px;
}

как только text-title не помещается в один квадрат, высота label изменяется, и я не могу показать 4 поля в одной строке. Я просто хочу, чтобы label в элементе box fiexed. Если text-title будет широко распространено, я хочу, чтобы вся этикетка становилась выше внутри box не увеличивалась. jFiddle

спасибо за совет

Marc Radziwill 16 янв. 2014, в 18:45

Источник

0

любой скриншот пожалуйста
Adarsh M Pallickal 17 янв. 2014, в 05:45
0

@Adarsh вы можете увидеть ссылку на скриншот выше
Marc Radziwill 17 янв. 2014, в 10:58

Теги:

html

css

html5

innerhtml

1 ответ

Ещё вопросы

@Adarsh вы можете увидеть ссылку на скриншот выше

Surjith S M · Accepted Answer · 2014-01-17T09-41-00.000Z

С вашего скриншота я понял, что второй титул длиннее. Это нарушает макет. Таким образом, вы можете добавить ниже CSS в text-title избежать поломки дизайна. Следующий код сохранит заголовок в одной строке.

.text-title {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 400px;
}

большое спасибо, что работал на меня