Энэ таван минутын гарын авлага нь хэрхэн яаж тайлбарладаг
Та текстийн баруун талд зураг хэрхэн дүрслэхийг сонирхож байна уу? Хэрэв тийм бол та ганцаараа биш. Программчид вэб хуудсан дээр зураг хүсч байгаа текстийн дотор текстийг урсаж эсвэл ороосон текстээр харахыг хүсдэг олон тохиолдлууд байдаг. Товчоор хэлбэл зураг боловсруулах нь текстийг удирдахтай төстэй. Тиймээс хэрэв танд сүүлийн туршлагатай бол энэ үйл явц огтхон ч хэцүү биш байх болно.
Үнэн хэрэгтээ, CSS хөвөх шинж чанар бүхий текстийн баруун талд таны зургийг хялбархан байрлуулж, текстийг зүүн талд тойруулан хялбархан байрлуулах боломжтой. Энэ таван минутын зааврыг ашиглан хэрхэн суралцахыг ашиглаарай.
Эхлэх
Эхлээд текстийн догол мөрийг бичээд догол мөрний эхэнд зураг нэмэх хэрэгтэй. Энэ нь текстийн өмнө, харин
тагны дараа хийгдэх ёстой:
Дараа нь дүрс рүү загварын шинж чанарыг нэмж float property ашигла:
Таны текстийг дүрсний эсрэг баруун тийш эргүүлэх болно, ингэснээр уншихад хялбар болгохын тулд зарим зургийг нэмнэ:
Тасралтгүй түрээсийн түрээс нь дээд, баруун, доод, зүүн ( TRBL ) зэрэгт хэрэглэгддэг.
Дуусгах
Үүнийг хийдэг. Одоо та баруун талд хөвж байгаа зураг нь тийм ч хэцүү биш байна. Та мөн зургийг зүүн тийш хөвж, төв рүү хөвж сонирхож болно. Эхний алхам боломжтой хэдий ч харамсалтай нь та төвийн зургийг хөвөх боломжгүй, учир нь энэ нь хоёр баганатай байхыг шаарддаг.