ಪಠ್ಯದ ಬಲಕ್ಕೆ ಚಿತ್ರವನ್ನು ಫ್ಲೋಟ್ ಮಾಡುವುದು ಹೇಗೆ

ಈ ಐದು ನಿಮಿಷದ ಟ್ಯುಟೋರಿಯಲ್ ಹೇಗೆ ವಿವರಿಸುತ್ತದೆ

ಪಠ್ಯದ ಬಲಭಾಗದಲ್ಲಿ ಚಿತ್ರವನ್ನು ಹೇಗೆ ತೇಲುತ್ತದೆ ಎಂದು ಕಲಿಯಲು ನೀವು ಆಸಕ್ತಿ ಹೊಂದಿದ್ದೀರಾ? ಹಾಗಿದ್ದಲ್ಲಿ, ನೀವು ಮಾತ್ರ ಅಲ್ಲ. ಪ್ರೋಗ್ರಾಮರ್ಗಳು ಪಠ್ಯದ ಒಳಗೆ ಕಾಣಿಸಿಕೊಳ್ಳುವ ಅಥವಾ ಸುತ್ತಲೂ ಸುತ್ತುವ ಪಠ್ಯದೊಂದಿಗೆ ಕಾಣಿಸಿಕೊಳ್ಳುವ ವೆಬ್ ಪುಟದಲ್ಲಿ ಚಿತ್ರವನ್ನು ಬಯಸುವ ಅನೇಕ ಸಂದರ್ಭಗಳಿವೆ. Thankfully, ಚಿತ್ರಗಳನ್ನು ಮ್ಯಾನಿಪುಲೇಟ್ ಮಾಡುವುದು ಪಠ್ಯವನ್ನು ಕುಶಲತೆಯಿಂದ ಹೋಲುತ್ತದೆ, ಹಾಗಾಗಿ ನಿಮಗೆ ನಂತರದ ಅನುಭವವಿದ್ದರೆ, ಈ ಪ್ರಕ್ರಿಯೆಯು ಕಷ್ಟಕರವಾಗಿರಬಾರದು.

ವಾಸ್ತವವಾಗಿ, ಸಿಎಸ್ಎಸ್ ಫ್ಲೋಟ್ ಆಸ್ತಿಯೊಂದಿಗೆ, ಪಠ್ಯದ ಬಲಭಾಗದಲ್ಲಿ ನಿಮ್ಮ ಚಿತ್ರವನ್ನು ತೇಲುವಂತೆ ಮತ್ತು ಎಡಭಾಗದಲ್ಲಿ ಅದರ ಸುತ್ತಲಿನ ಪಠ್ಯ ಹರಿವನ್ನು ಹೊಂದಲು ಸುಲಭವಾಗಿದೆ. ಹೇಗೆ ತಿಳಿಯಲು ಐದು ನಿಮಿಷಗಳ ಟ್ಯುಟೋರಿಯಲ್ ಬಳಸಿ.

ಶುರುವಾಗುತ್ತಿದೆ

ಪ್ರಾರಂಭಿಸಲು, ಪಠ್ಯದ ಪ್ಯಾರಾಗ್ರಾಫ್ ಅನ್ನು ಬರೆಯಿರಿ ಮತ್ತು ಪ್ಯಾರಾಗ್ರಾಫ್ನ ಆರಂಭದಲ್ಲಿ ಚಿತ್ರವನ್ನು ಸೇರಿಸಿ. ಪಠ್ಯಕ್ಕೆ ಮೊದಲು ಆದರೆ

ಟ್ಯಾಗ್ನ ನಂತರ ಇದನ್ನು ಮಾಡಬೇಕು):

ಡ್ಯುಯಿಸ್ ಆಟ್ಯೂಟ್ ಐರಯೂರ್ ಡೋಲರ್ ಆದರೆ ಈಯುಮೊಡ್ ಟೆಂಪಾರ್ ಡುಡ್ ಇನ್ ರಿಪ್ರೆಹೆಂಡರ್ ಇನ್ ರಿಪ್ಲೇಪ್ಟೇಟ್. ಕ್ಯುಪಿಡ್ಯಾಟ್ ಅವರು ಕೆಲಸ ಮತ್ತು ಕೆಲವು ದೊಡ್ಡ ಕೆಲಸ ಮಾಡಲು ಸಾಧ್ಯವಿಲ್ಲ. ಕೆಲವು ಬಾರಿ ವ್ಯಾಯಾಮ ಮಾಡುವುದು ಹೊರತುಪಡಿಸಿ ವ್ಯಾಯಾಮ ಮಾಡುವುದು. ಮೋಲಿಟ್ ಎನಿಮ್ ಐಡಿ ಕಾರ್ಮಿಕ.

ಮುಂದೆ, ಚಿತ್ರಕ್ಕೆ ಶೈಲಿಯ ಗುಣಲಕ್ಷಣವನ್ನು ಸೇರಿಸಿ ಮತ್ತು ಫ್ಲೋಟ್ ಆಸ್ತಿಯನ್ನು ಅನ್ವಯಿಸಿ:

ಶೈಲಿ = "ಫ್ಲೋಟ್: ಬಲ;" />

ಚಿತ್ರದ ವಿರುದ್ಧ ನಿಮ್ಮ ಪಠ್ಯವನ್ನು ಸರಿಯಾಗಿ ಅಪ್ಪಳಿಸುತ್ತದೆ, ಆದ್ದರಿಂದ ಸುಲಭವಾಗಿ ಓದಿಕೊಳ್ಳುವ ಸಲುವಾಗಿ ಇಮೇಜ್ಗೆ ಕೆಲವು ಅಂಚುಗಳನ್ನು ಸೇರಿಸಿ:

ಅಂಚು: 0 5px 0 0; " />

ಅಂಚು ಸಂಕ್ಷಿಪ್ತ ಆಸ್ತಿ ಉನ್ನತ, ಬಲ, ಕೆಳಗೆ ಮತ್ತು ಎಡ ( TRBL ) ಕ್ರಮದಲ್ಲಿ ಅಂಚುಗಳನ್ನು ಅನ್ವಯಿಸುತ್ತದೆ.

ಅಪ್ ಸುತ್ತುವುದನ್ನು

ಮತ್ತು ಅದು. ಈಗ ನೀವು ಬಲಕ್ಕೆ ಚಿತ್ರವನ್ನು ತೇಲುತ್ತಿರುವೆ ಎಂಬುದು ಕಷ್ಟವಲ್ಲ ಎಂದು ನೀವು ನೋಡುತ್ತೀರಿ. ಎಡಕ್ಕೆ ಚಿತ್ರವನ್ನು ತೇಲುವಂತೆ ಮತ್ತು ಕೇಂದ್ರಕ್ಕೆ ತೇಲುವಲ್ಲಿ ನೀವು ಆಸಕ್ತಿ ಹೊಂದಿರಬಹುದು. ಮೊದಲನೆಯ ಚಲನೆ ಸಾಧ್ಯವಾದರೆ, ದುರದೃಷ್ಟವಶಾತ್ ನೀವು ಮಧ್ಯಕ್ಕೆ ಒಂದು ಚಿತ್ರವನ್ನು ತೇಲುವಂತಿಲ್ಲ, ಏಕೆಂದರೆ ಅದು ಸಾಮಾನ್ಯವಾಗಿ ಎರಡು-ಕಾಲಮ್ ಲೇಔಟ್ ಅಗತ್ಯವಿರುತ್ತದೆ.