ශ්‍රී ලංකාවේ නවතම තාක්ෂණික පුවත් 2026-07-24, Friday
💻 ක්‍රමලේඛනය · 🕒 කියවීමට විනාඩි 2 · 👁 1

කේත කොටස් වල ලයින් බ්‍රේක් ඉවත් කිරීම: වෙබ් පේජ් පඬිවීමේ නව කුඩා තාක්ෂණය

කේත කොටස් වල ලයින් බ්‍රේක් ඉවත් කිරීම: වෙබ් පේජ් පඬිවීමේ නව කුඩා තාක්ෂණය

වෙබ් පිටු ලියන විට කුඩා අක්ෂර සැලසුම් තත්ත්වයන් පරිශීලක පළපුරුද්දට විශාල බලපෑම් කරනවා. ඒ අතරින් එකක් නම් කේත (code) කොටස් අතර අහඹු ලෙස ලයින් බ්‍රේක් (line break) ඇවිදීම. මේ නිසා කොඩ් පේළිය අර්ථය අහිමි වීම හෝ කියවීමට අපහසු වීම සිදුවේ.

අලුත්ම ලිපියකදී, ලේඛකයා තම බ්ලොග් පෝස්ට් එකේ කෙටි code ටැග් (code tags) තුළ ඇති හයිෆන් (-) හෝ ඉඩ (space) අක්ෂර හඳුනාගෙන, ඒවාට nowrap නාමක CSS පන්තිය (class) එකක් එක් කරන ස්ක්‍රිප්ට් එකක් යොදා ගත්තා. මෙය රෙගුලර් එක්ස්ප්‍රෙෂන් (regex) භාවිතයෙන් code ටැග් අතුළත 15 අක්ෂර හෝ අඩු දිගකින් පවතින කොටස් සොයාගනිමින් සිදු වේ. පසුව CSS හි text-wrap: nowrap; නියමය මගින් බ්‍රවුසරය ඒ කොඩ් පේළිය තනි ලයිනයක පෙන්වීමට බල කරයි.

මෙම ක්‍රමය සරල වුවත්, පරිශීලකයන්ට ඉතා වැදගත්. කේත කොටස් අහඹු ලෙස බෙදා හරින ලද විට, පිටපත්‑අලවනය (copy‑paste) කිරීමේදී වැරදි හෝ අර්ථය වෙනස් වීමේ අවදානම ඉහළ යයි. nowrap පන්තිය එක් කිරීමෙන් එවැනි ගැටලු අඩු වීමෙන්, ලිපි කියවීමත්, කේත උදාහරණ අනුගමනය කිරීමත් සරල වේ.

ශ්‍රී ලංකාවට ඇති වැදගත්කම

ශ්‍රී ලංකාවේ වැඩි දියුණු වෙමින් පවතින තාක්ෂණික ප්‍රජාවට මෙම කුඩා නවෝත්පාදනය විශාල වාසියක් ලබා දෙයි. විශේෂයෙන්:

  • සැලසුම්කරුවන් – දේශීය වෙබ් අඩවි, බ්ලොග් සහ ඩොකියුමෙන්ටේශන් වල code snippets පවතින විට, පේළි බෙදීම නිසා සිදුවන වැරදි අවම කරයි.
  • ඉගෙනුම්කරුවන් – පාඨමාලා, වැඩමුළු හා ඔන්ලයින් ගුරුපාඨයන්හි code උදාහරණ පැහැදිලිව පෙන්වීම, අධ්‍යයනයේ අවධානය වැඩි කරයි.
  • ව්‍යාපාර – තාක්ෂණික ලේඛන, API ග්‍රන්ථාලය හා ද්‍රව්‍යමය විස්තරයන්හි නිවැරදි පෙන්වීම, ගනුදෙනුකරුවන්ට විශ්වාසය ලබා දෙයි.

ඉදිරියේදී, මෙම තාක්ෂණය තවත් අඩවි වලට ප්‍රචලිත කර ගැනීමෙන්, ශ්‍රී ලංකාවේ ඩිජිටල් අන්තර්ගතයේ ගුණාත්මකභාවය සමඟ ඉදිරියට යාමට උපකාරී වේ.

කෙටි code snippet එකක් හෝ ලිපියක් ලියන කෙනෙක් නම්, දැන් ඔබේ HTML හි <code> ටැග් වලට nowrap පන්තිය එක් කර, අහඹු ලයින් බ්‍රේක් වලින් මුදවා ගැනීමට අවස්ථාව අතහැර නොදෙන්න.

💡 ඔබේ වෙබ් අඩවියේ code snippets දැන් nowrap සමඟ පිරිසිදු කරමු!
මූලාශ්‍රය මෙම ලිපිය AI මගින් රචිත මුල් සාරාංශයකි. සම්පූර්ණ වාර්තාව කියවන්න:
Hacker News Frontpage ↗
#code #CSS #web #programming #SriLanka