Вопрос по css-shapes, css3, css, shapes – Тег метки CSS3 направлен вправо и с использованием позиции или: после

2

Я пытаюсь построить эту форму в CSS:

enter image description here

Но я не могу понять, как расположить треугольную форму (учитывая, что у меня есть прямоугольник для «тела» тега и треугольник для кончика), направленной вправо. Поскольку я работаю с позициями, как я могу сказать треугольнику появляться сразу после прямоугольника, когда все теги могут иметь разные размеры? Я просто не могу решить это.

Вы можете проверить скрипку:http://jsfiddle.net/ExZFe/ с меткой, аналогичной той, которую я делаю. В этом примере используются только позиции, поэтому использование фиксированной позиции для треугольника бесполезно. Я попробовал с: после, но застрял тоже, по той же причине. Что мне не хватает? Заранее спасибо.

Ваш Ответ

2   ответа
0

.tag {
line-height: 10px;
/* the rest of your styles here */
}

http://jsfiddle.net/ExZFe/3/

Ох ... Я думал, что вы хотите выравнивание по вертикали, чтобы треугольник и текстовая область выглядели как один. Теперь я понимаю, что вы хотели, чтобы положение стрелки было на другой стороне.
3

right свойство (которое начинается справа от прямоугольника) вместоleft (который начинается сleft прямоугольника и здесь бесполезен, так как вы не можете знать ширину тегов):http://jsfiddle.net/Gv3rf/

Спасибо PowerBoy! Это было быстро! Yisela

Похожие вопросы