ಪರಿಹರಿಸಲಾಗಿದೆ: ಸ್ಪ್ಯಾನ್ ಮಿತಿ ಪಠ್ಯ ಉದ್ದ

ಸ್ಪ್ಯಾನ್ ಲಿಮಿಟ್ ಪಠ್ಯ ಉದ್ದಕ್ಕೆ ಸಂಬಂಧಿಸಿದ ಮುಖ್ಯ ಸಮಸ್ಯೆಯೆಂದರೆ ಅದು ಮೊಟಕುಗೊಳಿಸಿದ ಅಥವಾ ಅಪೂರ್ಣ ಸಂದೇಶಗಳಿಗೆ ಕಾರಣವಾಗಬಹುದು. ಪ್ರದರ್ಶಿಸಲಾದ ಪಠ್ಯವು ಮುಖ್ಯವಾದ ಅಥವಾ ಪ್ರಮುಖ ಮಾಹಿತಿಯನ್ನು ಒಳಗೊಂಡಿರುವ ಸಂದರ್ಭಗಳಲ್ಲಿ ಇದು ವಿಶೇಷವಾಗಿ ಸಮಸ್ಯಾತ್ಮಕವಾಗಿರುತ್ತದೆ. ಪಠ್ಯವು ತುಂಬಾ ಉದ್ದವಾಗಿದ್ದರೆ, ಅದನ್ನು ಕತ್ತರಿಸಲಾಗುತ್ತದೆ ಮತ್ತು ಬಳಕೆದಾರರು ಓದಿದಾಗ ಅದು ಅರ್ಥವಾಗದಿರಬಹುದು. ಹೆಚ್ಚುವರಿಯಾಗಿ, ಪಠ್ಯವನ್ನು ಮೊಟಕುಗೊಳಿಸಿದರೆ, ಅದು ಅದರ ಉದ್ದೇಶಿತ ಅರ್ಥವನ್ನು ತಿಳಿಸುವುದಿಲ್ಲ ಮತ್ತು ಗೊಂದಲ ಅಥವಾ ತಪ್ಪು ವ್ಯಾಖ್ಯಾನಕ್ಕೆ ಕಾರಣವಾಗಬಹುದು.

<span style="max-width:100px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;">This is a long sentence that will be limited to 100 characters.</span>

1. ಈ ಸಾಲು ಸ್ಪ್ಯಾನ್‌ನ ಗರಿಷ್ಠ ಅಗಲವನ್ನು 100px ಗೆ ಹೊಂದಿಸುತ್ತದೆ:
``
5. ಇದು 100 ಅಕ್ಷರಗಳಿಗೆ ಸೀಮಿತವಾಗಿರುವ ವಾಕ್ಯವಾಗಿದೆ ಮತ್ತು ಮೇಲೆ ವಿವರಿಸಿದ ಸ್ಪ್ಯಾನ್ ಅಂಶದೊಳಗೆ ಪ್ರದರ್ಶಿಸಲಾಗುತ್ತದೆ:
`ಇದು 100 ಅಕ್ಷರಗಳಿಗೆ ಸೀಮಿತವಾಗುವ ದೀರ್ಘ ವಾಕ್ಯ.

HTML ನಲ್ಲಿ 'ಸ್ಪ್ಯಾನ್' ಎಂದರೇನು

HTML ಡಾಕ್ಯುಮೆಂಟ್‌ನಲ್ಲಿ ಇನ್‌ಲೈನ್-ಎಲಿಮೆಂಟ್‌ಗಳನ್ನು ಗುಂಪು ಮಾಡಲು ಎಲಿಮೆಂಟ್ ಅನ್ನು ಬಳಸಲಾಗುತ್ತದೆ. ಇದು ಡಾಕ್ಯುಮೆಂಟ್‌ನೊಳಗೆ ರಚನೆಯನ್ನು ಸೇರಿಸಲು ಒಂದು ಮಾರ್ಗವನ್ನು ಒದಗಿಸುತ್ತದೆ, ನೀವು ಅಂಶಗಳನ್ನು ಒಟ್ಟಿಗೆ ಗುಂಪು ಮಾಡಲು ಮತ್ತು ಗುಂಪು ಮಾಡಲಾದ ಅಂಶಗಳಿಗೆ ಶೈಲಿಗಳು, ಲೇಔಟ್ ಮತ್ತು ಗುಣಲಕ್ಷಣಗಳನ್ನು ಅನ್ವಯಿಸಲು ಅನುವು ಮಾಡಿಕೊಡುತ್ತದೆ. ಸ್ಪ್ಯಾನ್ ಅಂಶವು ಇನ್‌ಲೈನ್ ಅಂಶವಾಗಿದೆ ಮತ್ತು ಡಾಕ್ಯುಮೆಂಟ್‌ನಲ್ಲಿ ಹೊಸ ಲೈನ್ ಅಥವಾ ಬ್ಲಾಕ್-ಲೆವೆಲ್ ಅಂಶವನ್ನು ಪರಿಚಯಿಸುವುದಿಲ್ಲ.

ಅವಧಿಯಲ್ಲಿ ಪಠ್ಯವನ್ನು ಹೇಗೆ ಮಿತಿಗೊಳಿಸುವುದು

CSS ಗರಿಷ್ಠ-ಅಗಲ ಆಸ್ತಿಯನ್ನು ಬಳಸಿಕೊಂಡು ನೀವು HTML ನಲ್ಲಿ ಸ್ಪ್ಯಾನ್ ಅಂಶದಲ್ಲಿ ಪಠ್ಯವನ್ನು ಮಿತಿಗೊಳಿಸಬಹುದು. ಈ ಗುಣಲಕ್ಷಣವು ಒಂದು ಅಂಶಕ್ಕೆ ಗರಿಷ್ಠ ಅಗಲವನ್ನು ಹೊಂದಿಸಲು ನಿಮಗೆ ಅನುಮತಿಸುತ್ತದೆ ಮತ್ತು ಈ ಅಗಲವನ್ನು ಮೀರಿದ ಯಾವುದೇ ಪಠ್ಯವನ್ನು ಮೊಟಕುಗೊಳಿಸಲಾಗುತ್ತದೆ. ಈ ಆಸ್ತಿಯನ್ನು ಬಳಸಲು, ಅದನ್ನು ನಿಮ್ಮ CSS ಸ್ಟೈಲ್‌ಶೀಟ್‌ಗೆ ಸೇರಿಸಿ ಮತ್ತು ಬಯಸಿದ ಗರಿಷ್ಠ ಅಗಲಕ್ಕೆ ಹೊಂದಿಸಿ:

ವ್ಯಾಪ್ತಿ {
ಗರಿಷ್ಠ ಅಗಲ: 200px;
}

ಇದು ನಿಮ್ಮ ಪುಟದಲ್ಲಿನ ಯಾವುದೇ ಸ್ಪ್ಯಾನ್ ಅಂಶಗಳನ್ನು ಗರಿಷ್ಠ 200px ಅಗಲಕ್ಕೆ ಮಿತಿಗೊಳಿಸುತ್ತದೆ. ಈ ಅಗಲವನ್ನು ಮೀರಿದ ಯಾವುದೇ ಪಠ್ಯವನ್ನು ದೀರ್ಘವೃತ್ತದಿಂದ ಮೊಟಕುಗೊಳಿಸಲಾಗುತ್ತದೆ (...).

ಸಂಬಂಧಿತ ಪೋಸ್ಟ್ಗಳು:

ಒಂದು ಕಮೆಂಟನ್ನು ಬಿಡಿ