આ પાંચ મિનિટની ટ્યુટોરીયલ સમજાવે છે કે કેવી રીતે
શું તમે ટેક્સ્ટની જમણી બાજુએ છબીને ફ્લોટ કરવા તે શીખવામાં રુચિ ધરાવો છો? જો આમ હોય, તો તમે એકલા નથી એવી ઘણી પરિસ્થિતિઓ છે જ્યાં પ્રોગ્રામરો ટેક્સ્ટની અંદરના લખાણને તેની આસપાસ વહેતા અથવા લપેટેલા વેબ પેજ પર મૂકેલી છે. શુભેચ્છા, છબીઓને હેરફેર કરવું ટેક્સ્ટને હેરફેર જેવું જ છે, તેથી જો તમને બાદમાં સાથે અનુભવ થયો હોય, તો આ પ્રક્રિયાની કઠીનતા ન કરવી જોઈએ.
વાસ્તવમાં, CSS ફ્લોટ પ્રોપર્ટી સાથે, તમારી છબીને ટેક્સ્ટની જમણી બાજુએ ફ્લોટ કરવી અને ડાબી બાજુએ ટેક્સ્ટ ફ્લો ફરતે રહે છે. આ પાંચ મિનિટની ટ્યુટોરીયલનો ઉપયોગ કેવી રીતે કરવો તે જાણવા માટે.
શરૂ કરી રહ્યા છીએ
શરૂ કરવા, ટેક્સ્ટનું ફકરો લખો અને ફકરોની શરૂઆતમાં એક છબી ઉમેરો. આ લખાણ પહેલાં થવું જોઈએ પરંતુ
ટેગ પછી):
આગળ, છબીમાં શૈલીની વિશેષતા ઉમેરો અને ફ્લોટ પ્રોપર્ટી લાગુ કરો:
તમારો ટેક્સ્ટ છબીની સામે જમણી બાજુ પર અથડાશે, જેથી વાંચવા માટે સરળ બનાવવા માટે છબીમાં કેટલાક માર્જિન ઉમેરો.
માર્જિન લહેરહૅન્ડ પ્રોપર્ટી હુકમ ટોચ, જમણે, નીચે અને ડાબી ( TRBL ) માં માર્જિન લાગુ કરે છે.
રેપિંગ અપ
અને તે તે કરે છે. હવે તમે જોઈ શકો છો કે જમણે છબીને ફ્લોટિંગ કરવું એ મુશ્કેલ નથી. તમે ડાબી બાજુ પર એક છબી ફ્લોટિંગ અને તેને કેન્દ્રમાં તરતી પણ રસ હોઈ શકે છે. જ્યારે પ્રથમ ચાલ શક્ય છે, કમનસીબે તમે કેન્દ્ર પર એક છબી ફ્લોટ કરી શકતા નથી, કારણ કે તેને સામાન્ય રીતે બે-કૉલમ લેઆઉટની જરૂર છે.