නොබිඳිය හැකි බහු අවකාශයන් වෙනුවට ටැබ් අවකාශය (“nbsp”)?


973

 හතර වතාවක් ටයිප් කිරීම වෙනුවට HTML හි ටැබ් අක්‍ෂරයක් ඇතුළත් කළ හැකිද?


21
රේඛාව ආරම්භයේ දී ටැබ් මල්පල් වේලාව භාවිතා කිරීමේදී <PRE> භාවිතා කිරීම ප්‍රයෝජනවත් බව මට පෙනේ (සී කේතය qout කරන විට ක්ෂණිකව)
ගයි කොවෙල්

TABචරිතය ... මොකක්ද ඒ?
මයිකල් ඩි රුයිටර්

ඔබට ඔබේම ටැගය නිර්වචනය කළ හැකිය <tab>, පසුව ශ්‍රිතය මත jQuery භාවිතා කර readyඒවා ප්‍රතිස්ථාපනය කිරීමට හෝ අපේක්ෂිත සමාන ඉඩ ප්‍රමාණයක් ලබා දෙන්න.
Khaled.K

ඔබට සැබවින්ම ටැබ් අවශ්‍ය නම්, උත්සාහ කර බලන්නwhite-space
Buksy

7
FYI - ස්ථිතික 4x &nbsp;(හෝ තනි &emsp;) එය කපා නොගන්නේ නම් සහ ටැබ් එකක් කළ හැකි පරිදි ඊළඟ "4 පරතරය" තීරුවට ඒවා පෙළගැස්වීමට ඔබට අවශ්‍ය නම් (එයින් අදහස් වන්නේ සමහර විට එහි ඇත්ත වශයෙන්ම 0 හෝ 1 හෝ 2 හෝ පෙළගැස්වීමට අවකාශ 3 ක්) .. නිදසුනක් ලෙස .. සමහර පෙළ සංස්කාරකවරුන් .. අවාසනාවකට මෙන්, ඔබට HTML හි ... <table>s නොමැතිව ... සහ, යම් ඉඩ ප්‍රමාණයක් භාවිතා කර එය අනවසරයෙන් අත්හදා බැලීමට උත්සාහ කළ හැකිය. ... ස්ථාවර අකුරු අවශ්‍ය වනු ඇත .... බොහෝ ගැටලු පවතින්නේ ස්ථාවර අකුරු අවශ්‍යතාවය සහ HTML සුදු අවකාශය ඉවත් කිරීමට ප්‍රිය කරන බැවිනි.
Pimp Trizkit

Answers:


593

CSS භාවිතා කිරීම වඩා පිරිසිදුයි. ඒ වෙනුවට උත්සාහ කරන්න padding-left:5emහෝ margin-left:5emසුදුසු පරිදි.


13
CSS සමඟ ඇලෝහී IMHO පෑඩින් කිරීම එතරම් හොඳ නැත, මන්ද ඔබ බ්‍රව්සරයේ පෙළ විශාලනය කරන විට පෙළ ප්‍රමාණය වැඩි වන නමුත් AFAIK පෑඩින් නොවේ.
ඇලෙක්ස්වී

16
Lex ඇලෙක්ස්වී - මා කළ emපරිදි, මානය ලෙස ඔබ භාවිතා කරන්නේ නම් , එය පෙළ ප්‍රමාණය සමඟ පුළුල් විය යුතුය. ඔබ එසේ නොකළත්, එය භාවිතා කරන විශාලන යාන්ත්‍රණයේ ස්වභාවය මත රඳා පවතී.
ඇලෝසි

2
Av ඩේවිඩ්ටයිලන් - HTML 3, එහි TAB මූලද්‍රව්‍යය බ්‍රව්සර් සාදන්නන් සමඟ ආරම්භයක් නොවන අතර TAB මූලද්‍රව්‍යය කිසි විටෙකත් ක්‍රියාත්මක නොවීය. ඒ වෙනුවට, HTML 3.2 නිර්මාණය කරන ලද අතර එය තරමක් සරල වූ අතර එය ක්‍රියාත්මක කරන ලදී.
ඇලෝසි

2
- සම්බන්ධ වන්න - ඇත්ත වශයෙන්ම. එවැනි අවස්ථාවන්හිදී ඔබට සැබවින්ම අවශ්‍ය වන්නේ ටැබ් නැවතුම් ය . නමුත් OP ඉල්ලා සිටියේ එය නොවේ. OP ඉල්ලා සිටියේ අනුක්‍රමික නොබිඳුණු අවකාශයන් වෙනුවට ආදේශකයක් ඉල්ලා සිටින අතර එමඟින් පේළි පෙළ ගැසෙන්නේ නැත. CSS හි tab-sizeඔබට ඇත්ත වශයෙන්ම අවශ්‍ය දේපලක් ඇත , නමුත් එහි බ්‍රව්සරයේ සහාය අක්‍රීයයි. එය අසමත් වීම, වගු සැකැස්ම හෝ සමහර විට නම්‍යශීලි කොටුව ඔබේ හොඳම ඔට්ටු වේ.
ඇලෝසි

6
මෙය ප්‍රශ්නයට පිළිතුරු සපයන්නේ නැත. පහත දැක්වෙන පිළිතුර ක්‍රිස්ටියන් විසින් පරිශීලකයා විසින් පළ කරන ලද ගැටලුව අමතයි
ප්‍රණවන් මරු

1271

එය ඔබට භාවිතා කිරීමට අවශ්‍ය චරිත කට්ටලය මත රඳා පවතී.

ISO-8859-1 HTML හි කිසිදු ටැබ් ආයතනයක් අර්ථ දක්වා නැත - නමුත් , සහ , &nbsp;වැනි සුදු අවකාශ අක්ෂර කිහිපයක් තිබේ .&thinsp;&ensp;&emsp;

ASCII හි, &#09;ටැබ් එකකි.

මෙන්න HTML ආයතනවල සම්පූර්ණ ලැයිස්තුවක් සහ විකිපීඩියාවේ සුදු අවකාශය පිළිබඳ ප්‍රයෝජනවත් සාකච්ඡාවක් .


2
&ensp;සහ අතර ඇති වෙනස &emsp;කුමක්ද? මම පරීක්ෂා කළා, ඔවුන් දෙදෙනාම එකම ඉඩක් ඇති බව ..!
ෂෆිසාදේ

3
සෑදීම සඳහා රහස් සෝස් & # 09; HTML හි ටැබ් අවකාශයක් ලෙස පෙන්වීම සුදු අවකාශයේ CSS අර්ථ දැක්වීමයි. <p style = "display: inline-block; white-space: pre-wrap;"> & # 09; ¡Muy bien! ටැබ් කිරීම මට ස්පා Spanish ් & සහ ඉංග්‍රීසි වලින් වැඩ කරයි </ p>. සුදු අවකාශය: පෙර; එසේම ක්‍රියාත්මක වේ. තේරීම් පටිත්තට පෙර :: CSS :: සමඟ "ටැබ්" ටැගය <ටැබ්> ටැගය භාවිතා කළ හැකිය: {අන්තර්ගතයට පෙර: "\ 0009";} නමුත් ඉස්මතු කිරීමේදී, කැපීමේදී හා ඇලවීමේදී එය ටැබ් එකක් ලෙස නොපෙන්වයි. .
ජූල්ස් බාර්ටෝ

3
Ha ෂාෆිසාඩේ W3 පිරිවිතර වලින් : en අවකාශයක් ලක්ෂ්‍ය ප්‍රමාණයෙන් අඩක් වන අතර em අවකාශයක් වත්මන් අකුරු වල ලක්ෂ්‍ය ප්‍රමාණයට සමාන වේ. &emsp;තරමක් විශාලයි. මට ක්‍රෝම් 64 සහ ෆයර්ෆොක්ස් 58 හි වෙනස දැකිය හැකිය.
දිමිත්‍රි

ස් stal ටික වාර්තාවක භාවිතා කිරීම සඳහා MySQL හි විශාල කොන්ක්‍රීට් () විමසුමක් ගොඩනඟන විට මෙය සොයමින් සිටියේය. ASCII (& # 09;) එම කාර්යය මනාව ඉටු කළේය!
මයික්මයිටි

මම සොයමින් සිටියේ මෙයයි. අවසාන පේළිය සාධාරණීකරණය කිරීමේ ගුණාංගය භාවිතා කරමින් මම සමහර මාතෘකා පරතර කර ඇත, නමුත් ඒවායින් සමහරක් කැඩී යාම මට අවශ්‍ය නැත. & Enp; එය වළක්වාලීය.
ඇලෙක්ස් බන්මන්

240

නැත, ටැබ් යනු HTML ගැන සැලකිලිමත් වන තාක් දුරට හිස් අවකාශයකි . මම ඒ වෙනුවට විශාල ඉඩක් නිර්දේශ කරමි (විශාල | → | | ←) ... සාමාන්‍යයෙන් අවකාශ 4 ක් පළල - සහ ආදානය ලෙස &emsp;.

ඔබ වාසනාවන්ත නම්, ඒ සඳහා යුනිකෝඩ් අක්‍ෂරය (" ") භාවිතා කිරීමෙන් ඔබට ගැලවිය හැකිය.


198

& emsp; පිළිතුරයි.

කෙසේ වෙතත්, ඔබ වචන සකසනයන්හි තිරස් වගු භාවිතා කිරීමට පුරුදු වී සිටී නම් ඒවා ඔබ බලාපොරොත්තු වන තරම් ක්‍රියාකාරී නොවනු ඇත. උදා: වචනය, වර්ඩ්පර්ෆෙක්ට්, විවෘත කාර්යාලය, වර්ඩ්වර්ත් යනාදිය. ඒවා ස්ථාවර පළල වන අතර ඒවා රිසිකරණය කළ නොහැක.

CSS ඔබට වඩා විශාල පාලනයක් ලබා දෙන අතර W3C නිල විසඳුමක් ලබා දෙන තෙක් විකල්පයක් සපයයි.

උදාහරණයක්:

padding-left:4em 

..හෝ..

margin-left:4em 

..යෝග්ය ලෙස

එය ඔබට භාවිතා කිරීමට අවශ්‍ය චරිත කට්ටලය මත රඳා පවතී.

ඔබට ටැබ් ටැග් කිහිපයක් සැකසිය හැකි අතර ඔබ h ටැග් භාවිතා කරන ආකාරයට සමාන ඒවා භාවිතා කළ හැකිය.

<style>
    tab1 { padding-left: 4em; }
    tab2 { padding-left: 8em; }
    tab3 { padding-left: 12em; }
    tab4 { padding-left: 16em; }
    tab5 { padding-left: 20em; }
    tab6 { padding-left: 24em; }
    tab7 { padding-left: 28em; }
    tab8 { padding-left: 32em; }
    tab9 { padding-left: 36em; }
    tab10 { padding-left: 40em; }
    tab11 { padding-left: 44em; }
    tab12 { padding-left: 48em; }
    tab13 { padding-left: 52em; }
    tab14 { padding-left: 56em; }
    tab15 { padding-left: 60em; }
    tab16 { padding-left: 64em; }
</style>

... ඒවා එසේ භාවිතා කරන්න:

<!DOCTYPE html>

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>Tabulation example</title>

        <style type="text/css">
            dummydeclaration { padding-left: 4em; } /* Firefox ignores first declaration for some reason */
            tab1 { padding-left: 4em; }
            tab2 { padding-left: 8em; }
            tab3 { padding-left: 12em; }
            tab4 { padding-left: 16em; }
            tab5 { padding-left: 20em; }
            tab6 { padding-left: 24em; }
            tab7 { padding-left: 28em; }
            tab8 { padding-left: 32em; }
            tab9 { padding-left: 36em; }
            tab10 { padding-left: 40em; }
            tab11 { padding-left: 44em; }
            tab12 { padding-left: 48em; }
            tab13 { padding-left: 52em; }
            tab14 { padding-left: 56em; }
            tab15 { padding-left: 60em; }
            tab16 { padding-left: 64em; }

        </style>

    </head>

    <body>
        <p>Non tabulated text</p>

        <p><tab1>Tabulated text</tab1></p>
        <p><tab2>Tabulated text</tab2></p>
        <p><tab3>Tabulated text</tab3></p>
        <p><tab3>Tabulated text</tab3></p>
        <p><tab2>Tabulated text</tab2></p>
        <p><tab3>Tabulated text</tab3></p>
        <p><tab4>Tabulated text</tab4></p>
        <p><tab4>Tabulated text</tab4></p>
        <p>Non tabulated text</p>
        <p><tab3>Tabulated text</tab3></p>
        <p><tab4>Tabulated text</tab4></p>
        <p><tab4>Tabulated text</tab4></p>
        <p><tab1>Tabulated text</tab1></p>
        <p><tab2>Tabulated text</tab2></p>

    </body>

</html>

දෘශ්‍ය උදාහරණයක් බැලීමට ඉහත ස්නිපටය ධාවනය කරන්න.

අමතර සාකච්ඡාව

ISO-8859-1 HTML හි අර්ථ දක්වා ඇති තිරස් ටැබුලේෂන් ආයතන නොමැත, කෙසේ වෙතත් වෙනදාට වඩා සුදු අවකාශයේ අක්ෂර කිහිපයක් තිබේ &nbsp, උදාහරණයක් ලෙස; &thinsp;, &ensp;සහ ඉහත සඳහන් කළ &emsp;.

ASCII සහ යුනිකෝඩ් &#09;වල තිරස් වගුවක් බව ද සඳහන් කිරීම වටී .



එය සත්‍යයක් වන්නේ අඩක් පමණි, මන්ද & emsp; සත්‍ය වලංගු W3C සලකුණු කිරීමකි. නමුත් ඔබ පැහැදිලිවම සඳහන් කරන්නේ හිතකර CSS උදාහරණයට ය. මෙම අවස්ථාවේදී, අපි භාවිතා කරන්නේ අභිරුචි ටැග් වන අතර ඒවා නව සලකුණු සහ W3C කට්ටලයේ කොටසක් නොවේ. W3C වලංගුකරණය සෑම විටම අභිරුචි ටැග් දෝෂ ලෙස සලකුණු කිරීමේ මට්ටමට තදින් බැඳී ඇත. වඩා වැදගත් වන්නේ එය ඔබට භාරයි. Html සලකුණු කට්ටලයට එකතු කරන ලද ටැබ් පිළිබඳ නිල නිල ප්‍රකාශයක් අපට ලැබීමට කාලය පැමිණ තිබේ. මෙය උපකාරී වේ යැයි සිතමි.
WonderWorker

2
මම මෙය ස්විං ජේටේබල් ශීර්ෂයන් සඳහා සංගීත අගයක් සහ HTML ඊතල ආකාරයේ අක්ෂරයක් සඳහා භාවිතා කළෙමි, එහිදී මට මෙම චරිතය බෙදුම්කරුවෙකු ලෙස අවශ්‍ය විය. නියමයි! ස්තූතියි!
බ්ලේක් නීල්

2
"නියමාකාරයෙන්, html හි තිරස් පටිත්තක් නොමැත" ආකෘතිකරණය තරම් අමුතු දෙයක් නිරන්තරයෙන් html හා css වෙත මාරු වී නොමැත. ටැබ් එකක් දෘශ්‍ය අංගයක් නොව ආකෘතිකරණ අංගයක් පමණක් නොව හොඳ පිළිතුරක් සහ හොඳින් පැහැදිලි කර ඇත
මයික් ටී

81

හිස් අවකාශය ඇතුළු කිරීම සඳහා HTML විසින් සපයනු ලබන විවිධ ක්‍රම 3 පහත දැක්වේ

  1. &nbsp;තනි ඉඩක් එක් කිරීමට ටයිප් කරන්න.
  2. &ensp;අවකාශ 2 ක් එක් කිරීමට ටයිප් කරන්න.
  3. &emsp;අවකාශ 4 ක් එක් කිරීමට ටයිප් කරන්න.

3
;ඒවාට ද එකතු කරන්න . වගේ&nbsp;
Amio.io

4
මෙම පිළිතුර ඇත්ත වශයෙන්ම ප්‍රශ්නයට පිළිතුරු සපයයි. CSS පිළිතුරක් පිළිතුර ලෙස සලකුණු කරන්නේ කෙසේද යන්න මෝඩකමකි.
මනි

Ani මනි ප්‍රශ්නය 2009 දී විමසන ලද අතර පිළිගත් පිළිතුර 2009 සිට ය. මෙම පිළිතුර 2018 දී එකතු කරන ලදි .. ඔබ එය දෙස බලන විට එය මෝඩකමක් නොවේ.
ᴛʜᴇᴘᴀᴛᴇʟ

This this මෙය සැබවින්ම ප්‍රශ්නයට පිළිතුරු සපයන්නේද නැද්ද යන්න අමතක කරන්න, නමුත් සලකුණු කළ තැනැත්තා නිවැරදිව පිළිතුරු නොදෙන්නේ මා විසින් කිරීමට උත්සාහ කරන කාරණයයි.
මනි

නියම නියම පිළිතුර මෙයයි. ස්තූතියි!
ඒරියල් මොනාකෝ

68

උත්සාහ කරන්න &emsp;

එය &nbsp;s හතරකට සමාන වේ .


ඇත්ත වශයෙන්ම w3.org/MarkUp/html3/specialchars.html ලෙස නිවැරදි පිළිතුර නොවේ . පැහැදිලිවම එය භාවිතා කරන අකුරු වර්ගය මත රඳා පවතී, එසේම එම් අවකාශය වත්මන් අකුරු වල ලක්ෂ්‍ය ප්‍රමාණයට සමාන වන අතර එම් අවකාශය අභ්‍යවකාශ අක්ෂර දෙකකට සමාන වේ
le0diaz

54

ඡේදයක ඇතුළත (හෝ මැද) බහුවිධ අවකාශයක් ඇතුළු කිරීමට පහසු ක්‍රමයක් නොමැත. ඔබ CSS භාවිතා කිරීමට යෝජනා කරන අයට කාරණය මග හැරී ඇත. ඔබ සැමවිටම පැත්තකින් ඡේදයක් ඇතුල් කිරීමට උත්සාහ නොකරනු ඇත, නමුත් ඇත්ත වශයෙන්ම, එහි යම් ස්ථානයක අමතර ඉඩක් තැබීමට උත්සාහ කරයි.

සාරය, මෙම නඩුවේ, හිස් තැන් බවට පත් අන්තර්ගතය සහ නොහැකි විලාසය. බොහෝ දෙනෙක් එය නොදකින්නේ මන්දැයි මම නොදනිමි. ශෛලිය හා අන්තර්ගත රීතිය වෙන් කිරීම බලාත්මක කිරීමට ඔවුන් උත්සාහ කරන දෘඩතාව මම අනුමාන කරමි (HTML ආරම්භයේ සිටම දෙකම කිරීමට සැලසුම් කර ඇත - වැඩි වැඩියෙන් වියදම් නොකර සුදුසු ටැග් භාවිතා කරමින් අද්විතීය මූලද්‍රව්‍යයක ශෛලිය ඉඳහිට නිර්වචනය කිරීමේ වරදක් නැත. CSS ස්ටයිල් ෂීට් සෑදීමට ගතවන කාලය සහ එය මධ්‍යස්ථව භාවිතා කරන විට ඒ ගැන කියවිය නොහැකි කිසිවක් නොමැත. ඉක්මණින් යමක් කිරීමට හැකිවීම ගැන කිව යුතු දෙයක් ද ඇත.) ඔවුන් අදහස් කරන්නේ සුදු අවකාශයේ අක්ෂර පමණක් භාවිතා කළ හැකි යැයි ඔවුන් සලකන්නේ කෙසේද යන්නයි. ශෛලිය සහ ඉන්ඩෙන්ටේෂන්.

මත රඳා කිරීමට තොරව හිස් තැන් ඇතුල් කිරීමට කිසිදු සුන්දර ක්රමයක් පවතින විට හා &emsp;හා &nbsp;ලේබල, මම එහි ප්රතිඵලයක් කේතය වඩා unreadible ඔබ ඉක්මනින් හිස් තැන් විශාල සංඛ්යාවක් ඇතුල් කිරීමට ඉඩ සලසා ඇති බව ලැබ නිසි ලෙස නම් ටැගය තිබුණා නම් වඩා බවට පත් තර්ක කරන්නට (හෝ, ඔබ දන්නා පරිදි, අවකාශය අනවශ්‍ය ලෙස පරිභෝජනය නොකළේ නම්).

එය ඉහත සඳහන් කළ පරිදි, ඔබේ හොඳම ඔට්ටුව වනුයේ &emsp;නිවැරදි ස්ථානයට ඇතුළු කිරීම සඳහා භාවිතා කිරීමයි.


1
HTML ආරම්භයේ සිටම අභිරුචි ලෙස හැඩගස්වා නැත.
මාකස් උන්ටර්වාඩිට්සර්

ඉන්ඩෙන්ටේෂන් කිරීම සැමවිටම මිනිසුන්ට අවශ්‍ය නොවන ආකාරය පිළිබඳ ඔබේ අදහසට ආදරය කරන්න!
රෙඩ්වුල්ෆ් වැඩසටහන්

47

පෙර ටැගය භාවිතා කිරීම වඩා හොඳය . මෙම පෙර ටැගය නිර්වචනය පෙළ preformatted.

<pre>
 This is
preformatted text.
It preserves      both spaces

and line breaks.

</pre>

මෙම සබැඳියෙන් පෙර ටැගය ගැන වැඩි විස්තර දැනගන්න


1
UzHuzaifaSaifuddin ඔබ අදහස් කළේ කුමක්ද? <pre>ඇත HTML5 දී සම්මත HTML4 දී මෙන් ම හැසිරීම.
සුමිත්

මට කණගාටුයි මම නොදනිමි Y මම එය ලිව්වෙමි .. ඔබ කියන දේට මම එකඟ වෙමි.. වැරදි තොරතුරු සඳහා කණගාටුයි
Huzaifa Saifuddin

මම ප්‍රතිදානය පැතුරුම්පත් වලට ඇලවීම සඳහා ආකෘතිකරණය කරමින් සිටියෙමි, මෙය ටැබ් කිරීම සඳහා අක්ෂර ඇතුළත් කිරීමට මට ඉඩ ලබා දුන්නේය. අනිවාර්යයෙන්ම මගේ පිළිතුර විය. හොඳයි.
ක්‍රේග් බ්‍රෙට්

1
IMHO හි හොඳම විකල්පය මෙයයි. එසේම, අපට <pre> මත ශෛලමය අර්ථ දැක්වීමක් යෙදිය හැකිය, එබැවින් අපට අවශ්‍ය නම් නිවැරදි 'මොනොස්පේස්' අකුරු ලබා ගත හැකිය. උදාහරණය: පෙර {font-family: "ලුසිඩා කොන්සෝලය", මොනාකෝ, මොනොස්පේස්; අකුරු ප්‍රමාණය: 90%; }
reverpie

42

ක්‍රමවේදයක් සෙවීමේදී මට මෙය හමු වූ අතර අවශ්‍ය දේ සඳහා පහසුවෙන් වැඩ කළ හැකි යැයි පෙනෙන මගේම දෑ සොයා ගැනීම අවසන් විය. මම මෙහි පළ කිරීමට අලුත් බැවින් මෙය ක්‍රියාත්මක වනු ඇතැයි මම බලාපොරොත්තු වෙමි ... නමුත් මෙය CSS හි ඇත:

span.tab{
    padding: 0 80px; /* Or desired space*/
}

එවිට ඔබේ HTML හි මෙය මට අවශ්‍ය පරිදි මැද වාක්‍යයේ ඔබේ "දිගු පටිත්ත" වේ:

<span class="tab"></span>

ප්‍රමාණයෙන් ඉතිරි වේ &nbsp;&emsp;ඔබට අවශ්‍ය හෝ .

මෙය යමෙකුට උපකාරී වේ යැයි සිතමු, ප්‍රීති වන්න!


3
මෙය ටැබ් එකක් නොව වමේ 80px සහ ටැගයේ දකුණට 80px එකතු spanකරයි.
mcont

CSS මෝස්තරය කිරීමට ඉඩ දෙන අතරම ඔබ කෙටි සලකුණු කිහිපයක් පමණක් එකතු කරන බැවින් තවමත් දක්ෂ ප්‍රතිචාරයකි.
ආරාධනා කරන්න

20

&emsp;, &ensp;, &#8195;හෝ &#8194;භාවිතා කළ හැක.

W3 පවසයි ...

The character entities &ensp; and &emsp; denote an en space and an em space respectively, where an en space is half the point size and an em space is equal to the point size of the current font. 

HTML3 සඳහා W3.org හි වැඩිදුර කියවන්න

HTML4 සඳහා W3.org හි වැඩිදුර කියවන්න

විකිපීඩියාවේ ඊටත් වඩා


17

AFAIK, එකම ක්‍රමය භාවිතා කිරීමයි

&nbsp;

ඔබට CSS භාවිතා කළ හැකි නම් ඔබට පෑඩින් හෝ ආන්තිකය භාවිතා කළ හැකිය. බොක්ස් ආකෘතිය බලන්න , සහ ඉන්ටර්නෙට් එක්ස්ප්ලෝරර් සඳහා, ඉන්ටර්නෙට් එක්ස්ප්ලෝරර් බොක්ස් මොඩල් දෝෂය ද කියවන්න .


10

හිස් අවකාශය එතරම් වැදගත් වන්නේ නම්, පෙර සැකසූ පෙළ සහ <pre> ටැගය භාවිතා කිරීම වඩා හොඳ විය හැකිය.


OP හිස් අවකාශය ගැන එතරම් විශේෂිත නොවේ, බහුකාර්ය සඳහා කෙටිමං ගැන විමසා &nbsp;ඇත. කැඳවමින් <pre>ටැගය අමතර වැඩ ගොඩක් නිර්මාණය කරනු ඇත.
සමාවයවිකතාව

මොනොස්පේස් අකුරු වළක්වා ගැනීම සඳහා, css "white-space: pre-wrap" භාවිතා කරන්න
hultqvist

වයිට්ස්පේස් යනු that importantදෙයක් නොවේ. එය ජීවිතයේ සත්‍යයකි.
රෙඩ්වුල්ෆ් වැඩසටහන්

10

ඡේදයක පළමු වාක්‍යය ඇතුල් කිරීමට ඔබ සොයන්නේ නම්, ඔබට එය කුඩා CSS උපක්‍රමයකින් කළ හැකිය:

p:first-letter {
    margin-left: 5em;
}

ඔව්. ඒකත් වැඩ කරයි. :first-letterපළමු වාක්‍යය පමණක් ඇතුලත් කිරීම නම් එය පැළඳීමට මතක තබා ගන්න .
peirix

10

HTML3 හි හඳුන්වා දී තිබියදීත් <tab> ටැගය කිසි විටෙක එය බ්‍රව්සර් බවට පත් කළේ නැත. මම සෑම විටම එය සැබෑ අනුකම්පාවක් ලෙස සිතුවෙමි, මන්ද එය අපට ලබා ගත හැකි නම් බොහෝ අවස්ථාවන්හිදී ජීවිතය වඩාත් පහසු වනු ඇත. නමුත් ඔබට ව්‍යාජ <tab> ටැගයක් ලබා දීම සඳහා මෙය පහසුවෙන් පිළියම් කළ හැකිය. පහත සඳහන් දෑ ඔබේ HTML හි ශීර්ෂයට එක් කරන්න, නැතිනම් (ශෛලීය ටැග් නොමැතිව) ඔබේ CSS වෙත එක් කරන්න:

<style>
    tab { padding-left: 4em; }
</style>

එතැන් සිට, ඔබේ ලේඛනයේ ටැබ් එකක් අවශ්‍ය වූ විට එහි <tab> දමන්න. එය සත්‍ය ටැබ් එකක් නොවේ, මන්ද එය ටැබ් සලකුණු වලට නොගැලපේ, නමුත් එය බොහෝ අවශ්‍යතා සඳහා ක්‍රියා කරයි, අවුල් සහගත චරිත වස්තු හෝ පරතරයන් සමඟ නොගැලපේ. එය ඔබේ මූලාශ්‍රය පරීක්ෂා කිරීම සැබවින්ම පහසු කරවන අතර, ඔබට වගු වල කරදරයට හෝ වෙනත් වඩාත් සංකීර්ණ “විසඳුම්” වෙත යාමට අවශ්‍ය නැති සරල දේවල් සංයුති කිරීමට සින්ච් එකක් කරයි.

මෙම විසඳුමේ එක් හොඳ අංගයක් නම්, ඔබට සියලු TABs <tab> ටැගය සමඟ ප්‍රතිස්ථාපනය කිරීම සඳහා පෙළ ලේඛනයක් ඉක්මණින් සෙවීම / ප්‍රතිස්ථාපනය කිරීම කළ හැකිය.

ඔබට සත්‍ය නිරපේක්ෂ පිහිටුම් පොකුරක් අර්ථ දැක්වීමට හැකි විය හැක, පසුව අවශ්‍ය ටැබ් එක භාවිතා කරන්න (උදා. <tab2> හෝ <tab5> හෝ අවශ්‍ය ඕනෑම තැනක), නමුත් පසුකාලීන පේළි ඇතුළත් නොකර එය කිරීමට මට ක්‍රමයක් සොයාගත නොහැකි විය. .


8

ඔබට වගුවක් භාවිතා කළ හැකි widthඅතර පළමුවැන්නාට ගුණාංගයක් යෙදිය හැකිය <td>.

කේතය:

<table>
    <tr>
        <td width="100">Content1</td>
        <td>Content2</td>
    </tr>
    <tr>
        <td>Content3</td>
        <td>Content4</td>
    </tr>
</table>

ප්‍රති ult ලය

Content1       Content2
Content3       Content4

ස්තූතියි !! CSS කළ නොහැකි අවස්ථාවන් සඳහා හොඳම සහ වඩාත් පොදු විසඳුම මෙයයි.
ජෝන් හෙන්කල්

7

මම රේඛීය මෝස්තර සහිත පරතරයක් භාවිතා කර ඇත. සාමාන්‍ය පෙළ පෙළක් සැකසීමේදී මට මෙය කිරීමට සිදුවී ඇති අතර space t වෙනුවට අවකාශ 4 ක් (appx) ආදේශ කළ යුතුය. මට පාවිච්චි කරන්න බැහැ&nbsp;අවසාන අර්ථ නිරූපණයට අන්තර්ගත නොවන අවකාශයන් ඇති වන පරිදි ඒවා අර්ථ නිරූපණය කෙරෙන ක්‍රියාවලියේදී තව දුරටත් .

HTML:

<span style="padding: 0 40px">&nbsp;</span>

මම මේ වගේ php ශ්‍රිතයක භාවිතා කළා:

$message = preg_replace('/\t/', '<span style="padding: 0 40px">&nbsp;</span>', $message);

7

ඔබට එක් ටැබ් එකක් පමණක් අවශ්‍ය නම්, පහත සඳහන් දෑ මා වෙනුවෙන් වැඩ කළේය.

<style>
  .tab {
    position: absolute;
    left: 10em;
   }
</style>

HTML සමඟ වැනි දෙයක්:

<p><b>asdf</b> <span class="tab">99967</span></p>
<p><b>hjkl</b> <span class="tab">88868</span></p> 

අතිරේක "ටැබ්" මෝස්තර එකතු කිරීමෙන් සහ HTML වෙනස් කිරීමෙන් ඔබට තවත් "ටැබ්" එකතු කළ හැකිය:

<style>
  .tab {
    position: absolute;
    left: 10em;
   }
  .tab1 {
    position: absolute;
    left: 20em;
   }
</style>

HTML සමඟ වැනි දෙයක්:

<p><b>asdf</b> <span class="tab">99967</span><span class="tab1">hear</span></p>
<p><b>hjkl</b> <span class="tab">88868</span><span class="tab1">here</span></p>

5

ඔබ CSS භාවිතා කරන්නේ නම්, මම පහත සඳහන් යෝජනා කරමි:

p:first-letter { text-indent:1em; }

සාම්ප්‍රදායික ප්‍රකාශනවල මෙන් මෙය පළමු පේළියට ඇතුල් කරනු ඇත.


4
<span style="margin-left:64px"></span>  

එය මේ ආකාරයට සලකා බලන්න: එක් ටැබ් එකක් පික්සල් 64 ට සමාන වේ. CSS මගින් අපට ලබා දිය හැකි අවකාශය මෙයයි.


4

ඒ සඳහා සරල css එකක් ඇත:

white-space: pre;

එය ඔබ HTML තුළ එකතු කරන අවකාශයන් එකමුතු කිරීමට වඩා තබා ගනී.


3

හොඳයි, එක් පේළියක ආරම්භයේ දී සම්පූර්ණ ඡේදයෙන් පමණක් දිගු සුදු අවකාශයක් අවශ්‍ය නම්, මෙය විසඳුමක් විය හැකිය:

<span style='display:inline-block;height:1em;width:4em;'>&nbsp;</span>

එය ලිවීමට ඕනෑවට වඩා හෝ බොහෝ ස්ථානවල එවැනි ටැබ් අවශ්‍ය නම් ඔබට මෙය කළ හැකිය

<span class='tab'>&nbsp;</span>

ඉන්පසු මෙය CSS වෙත ඇතුළත් කරන්න:

span.tab {display:inline-block;height:1em;width:4em;}

3

අපට මේ ආකාරයට style = "white-space: pre" භාවිතා කළ හැකිය:

<p>Text<tab style="white-space:pre">        </tab>: value</p>
<p>Text2<tab style="white-space:pre">   </tab>: value2</p>
<p>Text32<tab style="white-space:pre">  </tab>: value32</p>

ඇතුළත හිස් අවකාශය ටැබ් වලින් පිරී ඇත, ටැබ් ප්‍රමාණය පෙළ මත රඳා පවතී.

එය මේ ආකාරයෙන් පෙනෙනු ඇත:

Text    : value
Text2   : value2
Text32  : value32

3

භාවිතා කළ යුතු පරිපූර්ණ CSS කේතය "දර්ශනය" සහ "අවම පළල" ගුණාංගවල එකතුවක් විය යුතුය ...

display: inline-block;
min-width: 10em; // ...for example, depending on the uniform width to be achieved for the items [in a list], which is a common scenario where tab is often needed.

2

"ටැබ්" පෙනුම ලබා දීමට මම උණ්ඩ නොමැති ලැයිස්තුවක් භාවිතා කරමි. (MS Word භාවිතා කරන විට මම සමහර විට කරන්නේ එයයි)

CSS ගොනුවේ:

.tab {
    margin-top: 0px;
    margin-bottom: 0px;
    list-style-type: none;
}

HTML ගොනුවේ අනුපිළිවෙලට නැති ලැයිස්තු භාවිතා කරන්න:

This is normal text
<ul class="tab">
    <li>This is indented text</li>
</ul>

මෙම විසඳුමේ සුන්දරත්වය නම් ඔබට කූඩු ලැයිස්තු භාවිතා කර තවදුරටත් ඉන්ඩෙන්ටේෂන් කළ හැකිය.

මෙහි කිසිවෙකු කතා නොකරයි, එබැවින් කිසියම් දෝෂයක් ඇත්නම් කරුණාකර අදහස් දක්වන්න.


(x) HTML විසින් ලේඛනයේ අන්තර්ගතය නියම කළ යුතුය, එය දර්ශනය වන ආකාරය CSS විසින් හැසිරවිය යුතුය. වගු භාවිතා කරමින් වෙබ් පිටු සැකසීම කිසි විටෙකත් වගුගත නොවන දත්ත සඳහා භාවිතා නොකිරීමට හේතු තිබේ.
නීල්ස්ව්

1

CSS සහ හොඳම පුහුණුව භාවිතා කරමින්, කැදැලි, ඉන්ඩෙන්ට් මෙනු වල ගතික නිර්මාණය පහත පරිදි වේ:

  1. එක් එක් කැදැල්ල සඳහා ශෛලියක් සාදන්න, එනම් indent1, indent2 යනාදිය, එක් එක් එහි වම් ආන්තිකය නියම කරයි. අඩවි ව්‍යුහය කැදැල්ල මට්ටම් තුන ඉක්මවා යා යුතුය.
  2. පුනරාවර්තනය නිරීක්ෂණය කිරීම සඳහා ස්වයං පුනරාවර්තන ශ්‍රිතය තුළ ස්ථිතික විචල්‍යයක් (පූර්ණ සංඛ්‍යාවක්) භාවිතා කරන්න.
  3. සෑම ලූපයක් සඳහාම, indentPHP හෝ ASP වැනි සේවාදායක පැති ස්ක්‍රිප්ටින් භාවිතා කරමින් වචනයට ලූප් අංකය එකතු කරන්න , එවිට මෙම මෙනු CSS විසින් සුදුසු පරිදි සංයුති කරනු ලැබේ.

විකල්පයක් ලෙස, සුදුසු පරිදි බහු &nbsp;හෝ <pre>ටැග් හෝ වෙනත් අක්ෂර භාවිතා කරමින් පරතරය එක් කිරීමට ස්ථිතික විචල්‍යය හරහා ලූප කරන්න .

තිරස් ටැබ් අක්ෂර පරීක්ෂා කිරීමෙන්, &#09;එය බහු වෙනුවට ආදේශකයක් ලෙස ක්‍රියා නොකරන බව මට පෙනී ගියේය&nbsp; මා විස්තර කළ සිද්ධියේ ගියේය. ඔබට වෙනස් ප්‍රති .ල තිබිය හැකිය.


1

මෙය ටිකක් කැත විසඳුමක් නමුත් ඔබට මෙය කළ හැකිය

var tab = '&nbsp;&nbsp;&nbsp;&nbsp;';

ඉන්පසු ඔබේ නූල්වල ටැබ් විචල්‍යය භාවිතා කරන්න.


1

"පෙර" ටැගය පමණි:

<pre>Name:      Waleed Hasees
Age:        33y
Address:    Palestine / Jein</pre>

ඔබට මෙම ටැගය මත ඕනෑම CSS පන්තියක් යෙදිය හැකිය.


1

මම සරලව නිර්දේශ කරමි:

/* In your CSS code: */
pre
{
    display:inline;
}

<!-- And then, in your HTML code: -->

<pre>    This text comes after four spaces.</pre>
<span> Continue the line with other element without braking </span>

1
<head>
<style> t {color:#??????;letter-spacing:35px;} </style>
</head>

<t>.</t>

වර්ණ කේතය පසුබිමට ගැලපෙන බවට වග බලා ගන්න px ටැබ් එක සඳහා අපේක්ෂිත දිගට විචල්‍ය වේ.

<T> ට පසුව ඔබේ පෙළ එක් කරන්න. </ T>

කාල සීමාව අවකාශ දරන්නෙකු ලෙස භාවිතා කරන අතර එය ටයිප් කිරීම පහසුය, නමුත් '& # 160;' කාල නියමය වෙනුවට එය භාවිතා කළ හැකි බැවින් වර්ණ කේතීකරණය අක්‍රීය වේ.

<head>
<style> t {letter-spacing:35px;} </style>
</head>

<t>&#160;</t>

පෙළෙහි ඡේද ප්‍රදර්ශනය කිරීම සඳහා මෙය බොහෝ දුරට ප්‍රයෝජනවත් වන නමුත් වෙනත් පිටපත් වල ප්‍රයෝජනවත් වේ.


1

ඔබට මෙයද භාවිතා කළ හැකිය:

p::before {
    content: "";
    padding-left: 30px;
}

ඔබේ මතකයේ ඇති වෙනත් තේරීම් කාරකයක් සමඟ "p" ආදේශ කරන්න.

By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.