Verschieben div dynamisch mit CSS

-3

hatte ich diese Struktur, und ich will div „Symbol“ dynamisch bewegen, wenn der Text lang istVerschieben div dynamisch mit CSS

Irgendwelche Ideen?

Vielen Dank.

.tit { 
 
    display: table; 
 
} 
 

 
.icon { 
 
    border-top: 5px solid currentcolor; 
 
border-right: 5px solid currentcolor; 
 
min-width: 42px; 
 
float: left; 
 
height: 22px; 
 
margin-top: -23px; 
 
margin-left: 25px; 
 
}

<div class="tit">Titleeeeeeeeeeeeeeeee</div> 
 
<div class="icon"></div>

Quelle

2017-07-10 Faxelf

Sie ein bisschen mehr angeben, was meinst du mit dynamisch bewegen? Sie möchten, dass sich das Symbol bewegt, wenn der Textkörper zu lang ist, aber wo er bleibt, wenn es nicht ist? –

Umhüllung nach FlexBox umwickeln.

.wrapper { 
 
    display: flex; 
 
} 
 

 
.icon { 
 
    border-top: 5px solid currentcolor; 
 
    border-right: 5px solid currentcolor; 
 
    min-width: 42px; 
 
    height: 22px; 
 
    margin-left: -40px; 
 
}

<div class="wrapper"> 
 
    <div class="tit">Titleeeeeeeeeeeeeeeee</div> 
 
    <div class="icon"></div> 
 
</div>

Quelle

2017-07-10 14:25:48 Gerard

die div class="tit" in div class="icon"

<div class="icon"> 
    <div class="tit">Titleeeeeeeeeee</div> 
</div>

jsfiddle example

Quelle

2017-07-10 14:16:18 Zabusy

Warum können Sie das ganze Beispiel nicht in das Snippet einfügen? Beachten Sie, dass jsfiddle nicht für alle zugänglich ist ... –

Sorry, noch nie benutzt Snippet, werde es jetzt versuchen. – Zabusy

Ja bitte ... Strg + M ... –

Verschieben div dynamisch mit CSS

Antwort

Verwandte Themen