Как сделать поле больше в CSS3, с фиксированной позицией текста?

Question

Как сделать поле больше в CSS3, с фиксированной позицией текста?

0

Как я могу увеличить размер рамки (border-radius) в CSS3? Если я устанавливаю свойство height, например height:10%, он не изменяется, но width:10% увеличивает ширину окна. Я не знаю, почему возникает такая несогласованность. Кроме того, когда я height: 100px размер по height: 100px, размер ящика меняется, но размер текста остается тем же, несмотря на то, что вы пишете vertical-align: middle. Итак, как я могу правильно сделать размер окна больше, но текстовое положение расположено посередине окна?

Кроме того, почему позиция окна перемещается, когда мышь нависает над коробкой, а не?

Я написал JSFiddle здесь

Blaszard 08 нояб. 2013, в 05:32

Источник

Теги:

html

html5

css3

3 ответа

1

вы не можете скрыть этот div, вы можете сделать его прозрачным

div{
background:transparent;
}

user2967733 09 нояб. 2013, в 04:33

0

Это не занимает процентную высоту, потому что этот размер div зависит от высоты "всей страницы". Измените тело на 100% высоты, и он будет работать.

html, body {
    height: 100%;
}
div {
    height: 10%;
}

Вертикальное выравнивание текста

Vergilius 08 нояб. 2013, в 09:03

Ещё вопросы

Gildas.Tambo · Accepted Answer · 2013-11-08T02-20-00.000Z

вы можете прочитать этот текст в центре, вертикально, с SVG, если вы хотите использовать svg.

позиция поля изменяется из-за padding: 0px;

.dropdown:hover .dropdown-menu {
    display: block;
    padding: 0px;/* remove this*/
    margin: 0px;
}

и bootstrap добавляется на вас левой стороной не в css

и правильная ссылка для этого выглядит так:

в разделе " Внешние ресурсы"//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.0.2/css/bootstrap-theme.css

Демо: http://jsfiddle.net/rXNmA/2/

и для позиции текста вы можете использовать

class=text-center

а также

line-height: 2em;

или

line-height: 2%;

в зависимости от того, что вы хотите достичь

Демо: http://jsfiddle.net/rXNmA/5/

Спасибо за хорошее разъяснение. Еще один вопрос ... когда я наводю курсор на выпадающее меню, выпадающее меню (в данном случае B и C ) выглядит не очень хорошо, поскольку оно помещается во встроенную рамку, и я не хочу показывать это избыточное фоновое пространство (другими словами, я хочу показать ширину B и C как фоновое поле). Довольно сложно объяснить это на моем английском (я не англоговорящий), так что извините, если я не могу понять себя, но возможно ли изменить это, чтобы соответствовать моим потребностям здесь?
Кроме того, я только что обнаружил, что line-height не помещает текст в середине поля. Это просто меняет положение текста произвольно. А что за class=text-center ? Похоже, это не официально определенный класс.
Вы можете переполнить пользователя: скрытый; в .dropdown-меню li: hover
Пробовал, но ничего не изменилось ...
Нет, это не то, что я хочу сделать ... Если вы наводите курсор мыши на A , то появляется выпадающее меню (состоящее из B и C ), верно? Однако за B и C есть один большой избыточный блок, а внутри блока расположены B и C , верно? Я хочу удалить этот блок (или сделать так, чтобы B и C имели ту же ширину, что и блок позади) ...
это то, что вы пытаетесь сделать? или что jsfiddle.net/rXNmA/5