Css宽度与未知高度的高度相同

时间:2016-04-11 07:17:45

标签: css

我正在尝试创建Google在文本结尾处使用的一些淡化效果,而不是省略号或仅使用overflow:hidden剪切文本。

我这样做是通过创建一个:before元素,我位于右侧。

这是我使用的mixin:

.OverflowFadeRight(@color)
{
    position:relative;

    &:before {
        content:"";
        height:100%;
        position:absolute;
        top:0;
        right:0;
        width:4.8rem;
        .GradientLTR(transparent; @color);
    }
}

这段代码有效,但我想做的是将宽度设置为与高度相同,因此它总是成比例的,即父级的高度的100%。

我见过根据宽度设置高度的技术,但可以这样做吗?

0 个答案:

没有答案