0

I have created an ASP page in which I am displaying events. I have used css to display maximum 3 lines of content in one item template.

I want to display 3 periods after the text i.e. :

enter image description here

I searched over the internet and found solution to add periods after the text using .after{content:"..."} but the dots are placed in new line but I want to get the exact output as it is in image.

My css is:

        .eventDescription
        {
        height: 45px;
        margin-left: 65px;
        font-size: 15px;            
        line-height: 1.5em;
        overflow: hidden;
        text-align: justify;
        line-height: 15px;
        padding-top: 10px;
        width: 220px;            
        }
4

1 に答える 1

4

プロパティ:afterとともに疑似を使用するcontent

デモ

font-sizeおよびletter-spacingプロパティをそれぞれ使用して、ドットの間隔またはサイズを制御できます。

デモ 2

構文に来て、使用して.after{content:"..."}いるので、まずここで要素にクラスを割り当てる必要があるため、クラスに疑似を<p class="after">追加する必要があります:after.after

.after:after {
   content: "...";
}

注: を使用すると、使用する必要があるマージンまたはパディングを適用するため:afterに、コンテンツはデフォルトで になります。また、古いバージョンの IE はこのプロパティを尊重しません。inlineinline-block;

のブラウザ サポートの詳細については、:after

于 2013-10-01T04:55:51.093 に答える