Kaip perkelti tekstą aplink vaizdą su HTML arba CSS

Įtraukę paveikslėlį su jūsų tinklalapio tekstu, numatytasis stilius rodo grafinį vaizdą virš ar žemiau esančio turinio, paliekant baltą erdvę į kairę ir dešinę. Tai švaistina erdvę ir leidžia atvaizdui išsiskirti iš jūsų teksto. Norėdami išspręsti šią problemą, galite pasirinkti „HyperText Markup Language“ (HTML) arba „Cascading Style Sheets“ (CSS), kad nustatytumėte vaizdo padėtį taip, kad tekstas apvyniotų aplink nuotraukos ribas. Naudokite HTML arba CSS, kad perkeltumėte tekstą aplink vaizdus, ​​kaip norite.

HTML

1 veiksmas
Paleiskite puslapio failą kompiuterio teksto redaktoriaus programoje ir nustatykite žymeklį žyma „“. Įveskite „align =“ ir sekite tai su citatomis, pavyzdžiui:

2 žingsnis
Įveskite „dešinę“, „kairę“, „vidurį“, „viršų“ arba „apačią“ po lygiavimosi įrašo į nurodykite, kur yra jūsų nuotrauka, atsižvelgiant į jūsų tekstą. „Viršutinis“ lygiavimas leidžia jūsų turiniui pasirodyti aukščiausiame jūsų vaizdo taške, „viduryje“ perkelia tekstą į nuotraukos vidurį, o „apačia“ nukreipia turinį pradėti grafiko apačioje. Be to, „teisinga“ padėtis, jūsų duomenys perkeliami į kairę nuo nuotraukos ir „kairysis“ išlygiavimas pateikia turinį į dešinę nuo vaizdo. Įrašykite savo kodą taip:
Išsaugokite failą.

CSS

1 žingsnis
Padėkite žymeklį žyma „“ ir įveskite „style =“ su citatos rinkiniu ženklai prieš paskutinį kampo laikiklį. Norėdami iliustruoti:

2 žingsnis
Įveskite „float:“ kabučių viduje ir įveskite „kairę“ arba „dešinę“ atributą, kad pavadintumėte grafiko išlygiavimą. „Kairė“ vertė leidžia jūsų nuotrauką matyti kairėje ir perkelia tekstą į dešinę, o „teisingas“ požymis - priešingai. Pavyzdžiui:
Išsaugokite dokumentą.

URL:https://lt.whycomputer.com/software/100404875.html