Text auf der rechten Seite des Bildes, js

-3

Ich habe ein Div und in diesem div ich habe ein Bild und einen Text. Gerade jetzt geht der Text an den unteren Rand des Bildes und wenn der Text groß ist, dann können wir nicht den ganzen Text sehen, was ich will ist ein Bild auf der linken Seite und Text auf der rechten Seite des Bildes und alles sollte in den Bruder passen, bitte sehen Sie sich das Bild für weitere Informationen, jede Hilfe wird sehr geschätzt. Text auf der rechten Seite des Bildes, js

Quelle

2017-11-14 david

Bitte zeigen Sie Ihre HTML und Ihre versuchte CSS; Bitte beachten Sie die Richtlinien "* [fragen] *" und "* [mcve] *", um zu sehen, was von einer Frage erwartet wird. –

Das ist *** wirklich einfach ***, um selbst zu recherchieren. Es gibt viele und viele Ressourcen im Internet, die dem grundlegenden Layout gewidmet sind. – charlietfl

[Wie viel Forschungsaufwand wird von Stack Overflow-Benutzern erwartet?] (Https://meta.stackoverflow.com/questions/261592/how-much-research-effort -ist-erwartet-von-stack-overflow-benutzer) – charlietfl

float: left für das Bild gesetzt werden, was Sie

https://jsfiddle.net/1kvykb18/

Quelle

2017-11-14 03:57:10 DunDev

das ist ein wunderbarer THX für große Hilfe. eine weitere Frage der Text ist zu nah am Bild ist sowieso da, um wenig Abstand zu schaffen, um es ordentlich und sauber aussehen zu lassen – david

Sie können 'margin: right' des Bildes setzen, um das zu erreichen. Sehen Sie sich https://jsfiddle.net/1kvykb18/1/ an – DunDev

Schweben Sie das Bild nach links. In Ihrem CSS:

img{float: left;}

Quelle

2017-11-14 03:52:52 Regis

bild ist perfekt, ich brauche nur hilfe auf meinem text, gerade jetzt ist es auf der unterseite ich muss es auf der rechten seite ausrichten; – david

Schweben Sie einfach das Bild nach links, Mann! – Regis

great Regis endlich funktioniert, kleine Frage der Text sind zu nah an Bild und sieht nicht gut ist es sowieso, um lil Abstand zwischen Bild und Text zu halten – david

für die Gestaltung und DOM Styling Problem benötigen, müssen Sie CSS-Tag wählen. Dort habe ich versucht, dies zu tun, indem ich dein Bild stattdessen diesen Code ausprobieren. Um Ihr Bild freizugeben, können Sie nur float: left verwenden oder Sie können diesen Code versuchen.

HTML : 

<div class="post-container"> 
    <h3 class="post-title">Post title</h3> 
    <div class="post-thumb"><img src="your image url"/></div> 
    <div class="post-content"> 
     <p>this is a test this is a testthis is a testthis is a testthis is a testthis is a testthis is a testthis is a testthis is a testthis is a testthis is a testthis is a testthis is a testthis is a testthis is a testthis is a testthis is a testthis is a testthis is a testthis is a testthis is a testthis is a testthis is a testthis is a testthis is a testthis is a testthis is a testthis is a testthis is a testthis is a testthis is a testthis is a testthis is a testthis is a testthis is a testthis is a test </p></div> 
</div> 

CSS: 

.post-container { 
    margin: 20px 20px 0 0; 
    border: 1px solid #333; 
    overflow: auto 
} 
.post-thumb { 
    float: left 
} 
.post-thumb img { 
    display: block 
    height : 200px;width:200px; 
} 
.post-content { 
    margin-left: 210px 
} 
.post-title { 
    font-weight: bold; 
    font-size: 200%; 
    padding: 9px; 
    background: #ccc 
}

Quelle

2017-11-14 03:57:46

Text auf der rechten Seite des Bildes, js

Antwort

Verwandte Themen