CSS3 label标签朝右使用位置或:after

标签 css shapes css-shapes

我试图在 CSS 中构建这个形状:

enter image description here

但我无法弄清楚如何将三 Angular 形(考虑到我有一个矩形用于标签的“主体”和一个三 Angular 形用于尖端)朝右。因为我在处理位置,当标签都可以有不同的大小时,我怎么能告诉三 Angular 形出现在矩形之后呢?我就是想不通。

您可以查看 fiddle :http://jsfiddle.net/ExZFe/带有与我正在制作的标签相似的标签。这个例子只使用位置,所以给三 Angular 形一个固定的位置是没有用的。我试过 :after 但也被卡住了,因为同样的原因。我错过了什么?提前谢谢你。

最佳答案

只需使用 right 定位三 Angular 形属性(从矩形的右侧开始)而不是 left (它从矩形的左边 开始,在这里没有用,因为您不知道标签的宽度):http://jsfiddle.net/Gv3rf/

关于CSS3 label标签朝右使用位置或:after,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29007900/

相关文章:

html - 修复我的 'Responsive' 设计

javascript - 如何在没有用户交互的情况下初始化全屏

java - 在 JPanel 中拖动以移动 Line2D

android - 如何只设置圆圈大小(在xml中)?

javascript - 删除在 HTML5 Canvas 中制作的圆圈

html - CSS三 Angular 形没有意义

css - Twitter Bootstrap 导航栏下拉菜单位于 slider 图像下方

css - 仅将我的自定义 CSS 用于我的 WordPress 插件设置页面,如何?

css - 是否可以将 div 样式设置为梯形?

html - 单击时将背景幻灯片设置为药丸