একাধিক অ-ব্রেকিং স্পেসের পরিবর্তে ট্যাব স্পেস ("এনএসপিএস")?


958

 চারবার টাইপ না করে এইচটিএমএলে কোনও ট্যাব চরিত্র সন্নিবেশ করা কি সম্ভব ?


20
লাইনের শুরুতে ট্যাব বহুগুণ সময় ব্যবহার করার সময় <প্রি> ব্যবহার করা আমার পক্ষে সহায়ক বলে মনে হয়েছে (সি কোড কোয়েট করার সময় দৃtence়তার জন্য)
গাই কোভেল

একটি TABচরিত্র ... কি করতে হবে?
মিশেল ডি রুইটার

আপনি নিজের ট্যাগটি সংজ্ঞায়িত করতে পারেন <tab>, তারপরে ফাংশনটিতে jQuery ব্যবহার করে readyতাদের পছন্দসই সংখ্যক সমমানের স্পেস দিয়ে প্রতিস্থাপন বা প্যাড করতে পারেন।
খালেদ.কে

আপনার যদি সত্যিই ট্যাবগুলির প্রয়োজন হয় তবে একবার চেষ্টা করে দেখুনwhite-space
বুক্সি

6
এফওয়াইআই - যদি কোনও স্ট্যাটিক 4x &nbsp;(বা একক &emsp;) এটি কেটে না নিচ্ছে এবং আপনি চান যে কোনও ট্যাব যেমন এটি করতে পারে তেমনভাবে পরবর্তী "4 স্পেসড" কলামের সাথে সীমাবদ্ধ থাকে, (যার অর্থ এটি কখনও কখনও আসলে 0 বা 1 বা 2 বা লাইন আপ 3 স্পেস) .. উদাহরণস্বরূপ .. বলতে কিছু টেক্সট সম্পাদক .. দুর্ভাগ্যক্রমে, আপনি এইচটিএমএল ... <table>এস ছাড়া পারবেন না ... এবং হ্যাক করার চেষ্টা করার জন্য কিছু পরিমাণ স্পেস ব্যবহার করে ... একটি নির্দিষ্ট ফন্টের প্রয়োজন হবে .... আমি মনে করি বেশিরভাগ সমস্যা একটি স্থির ফন্টের প্রয়োজন এবং এইচটিএমএল সাদা স্থান অপসারণ করতে পছন্দ করে between
পিম্প ট্রাইজকিট

উত্তর:


582

সিএসএস ব্যবহার করা অনেক ক্লিনার। পরিবর্তে চেষ্টা করুন padding-left:5emবা margin-left:5emহিসাবে উপযুক্ত।


13
সিএসএসের সাথে @ আলহকি আইএমএইচও প্যাডিং এত ভাল নয় যেহেতু আপনি যখন ব্রাউজারে পাঠ্যটি জুম করবেন তখন পাঠ্যের আকার বাড়বে তবে প্যাডিং এএএআইএআইকি নয়।
অ্যালেক্সভি

16
@ অ্যালেক্সভি - আপনি emযেমনটি মাত্রা হিসাবে ব্যবহার করেন, যেমনটি আমি করেছি, এটি পাঠ্যের আকারের সাথে প্রসারিত হওয়া উচিত। আপনি যদি নাও করেন তবে এটি ব্যবহৃত জুম পদ্ধতির প্রকৃতির উপর নির্ভর করবে।
আলোচি

2
@ ডেভিডথিলেন - এইচটিএমএল 3, যাতে ব্রাউজার প্রস্তুতকারীদের সাথে টিএবি উপাদানটি অ-স্টার্টার হিসাবে উপস্থিত হয়েছিল, এবং ট্যাব উপাদানটি কখনও প্রয়োগ করা হয়নি। পরিবর্তে, এইচটিএমএল 3.2 তৈরি করা হয়েছিল যা কিছুটা সহজ এবং এটি পরিবর্তে কার্যকর করা হয়েছিল।
আলোচি

2
@Eoin - সত্যই। অর্থাৎ এই ক্ষেত্রে আপনি যা চান তা হ'ল ট্যাব স্টপস । তবে ওপি এটিই জিজ্ঞাসা করছিল না। ওপি একাধিক সিক্যুয়াল নন-ব্রেকিং স্পেসের জন্য প্রতিস্থাপনের জন্য জিজ্ঞাসা করেছিল, যা সারিগুলিকেও লাইন করে না। সিএসএসের এমন একটি tab-sizeসম্পত্তি রয়েছে যা আপনি সত্যই চান তবে এর ব্রাউজার সমর্থনটি ভুল হয়েছে। এতে ব্যর্থ হওয়া, টেবিল-বিন্যাস বা ফ্লেক্সবক্স আপনার সেরা বেট।
অলহকি

5
এটি প্রশ্নের উত্তর দেয় না। ক্রিশ্চিয়ানের নীচের উত্তরটি ব্যবহারকারী সম্পর্কে পোস্ট করা সমস্যাটিকে সম্বোধন করে
প্রণববান মারু

1264

আপনি কোন অক্ষর সেটটি ব্যবহার করতে চান তার উপর নির্ভর করে।

কোন ট্যাব সত্তা ISO-8859-1- HTML এ সংজ্ঞায়িত নেই - কিন্তু ছাড়া অন্য হোয়াইটস্পেস অক্ষর একটি দম্পতি আছে &nbsp;যেমন &thinsp;, &ensp;এবং &emsp;

ASCII এ, &#09;একটি ট্যাব রয়েছে।

এখানে এইচটিএমএল সত্ত্বা একটি সম্পূর্ণ তালিকা এবং উইকিপিডিয়ায় হোয়াইটস্পেস একটি দরকারী আলোচনা


2
কি পার্থক্য মধ্যে &ensp;এবং &emsp;? আমি পরীক্ষা করলাম, দুজনেরই ঠিক একই জায়গা আছে ..!
শাফিজাদেহ

3
তৈরির গোপন সস & # 09; এইচটিএমএলে একটি ট্যাবড স্পেস হিসাবে দেখানো হ'ল হোয়াইট স্পেস সিএসএস সংজ্ঞা। <পি স্টাইল = "প্রদর্শন: ইনলাইন-ব্লক; সাদা-স্থান: প্রাক-মোড়ানো;"> & # 09; y মিউ বিয়েন! ট্যাবিং স্প্যানিশ এবং ইংরাজীতে আমার জন্য কাজ করে </ p>। সাদা-স্পেস: প্রাক; কাজ করে। আপনি সিএসএস এর সাথে একটি "ট্যাব" ট্যাগ <ট্যাব /> ব্যবহার করতে পারেন সিলেক্টর ট্যাব এর আগে :: {সামগ্রীর আগে: "\ 0009";} তবে হাইলাইট, কাট এবং পেস্ট করার সময় এটি কোনও ট্যাব হিসাবে প্রদর্শিত হবে না ।
জুলুস বার্টো

3
@Shafizadeh থেকে W3 চশমা : স্বীকারোক্তি স্থান একটি অর্ধেক বিন্দু আকার এবং এম স্পেস বর্তমান ফন্ট বিন্দু আকার সমান। &emsp;কিছুটা বড় আমি ক্রোম 64 এবং ফায়ারফক্স 58 এর মধ্যে পার্থক্যটি দেখতে পাচ্ছি
দিমিত্রি

একটি স্ফটিক রিপোর্টে ব্যবহারের জন্য মাইএসকিউএলে একটি বৃহত কনক্যাট () কোয়েরি তৈরি করার সময় এটি সন্ধান করছিল। ASCII (& # 09;) পুরোপুরি কাজটি করেছে!
মাইক ডি ওয়েকলিন

এই আমি খুঁজছিলাম ছিল। আমি সর্বশেষ লাইনের বৈশিষ্ট্যটিকে ন্যায়সঙ্গত করে কিছু শিরোনাম ফাঁক করে দিয়েছি, তবে আমি চাই না যে সেগুলির কয়েকটি বিচ্ছেদ হয়। & এনএসপি; যে বাধা।
অ্যালেক্স বানমান

237

না, ট্যাব ঠিক হয় হোয়াইটস্পেস যতটা এইচটিএমএল সংশ্লিষ্ট করা হয়। আমি একজন বলতে চাই EM-স্থান পরিবর্তে যা এই বড় (→ | | ←) ... সাধারণত 4 শূণ্যস্থান ওয়াইড - এবং যেমন ইনপুট &emsp;

এমনকি আপনি যদি ভাগ্যবান হন তবে এর জন্য ইউনিকোড অক্ষর (" ") ব্যবহার করে আপনি পালাতে সক্ষম হতে পারেন।


195

& emsp; উত্তর।

তবে, ওয়ার্ড-প্রসেসরগুলিতে আপনি যদি অনুভূমিক ট্যাবুলেশনগুলি ব্যবহার করতে অভ্যস্ত হন যেমন ওয়ার্ড, ওয়ার্ডপারফেক্ট, ওপেন অফিস, ওয়ার্ড ওয়ার্থ ইত্যাদি They সেগুলি যথাযথভাবে প্রস্থ হয় এবং সেগুলি কাস্টমাইজ করা যায় না you

সিএসএস আপনাকে আরও বৃহত্তর নিয়ন্ত্রণ দেয় এবং ডাব্লু 3 সি অফিসিয়াল সমাধান সরবরাহ না করা পর্যন্ত একটি বিকল্প সরবরাহ করে।

উদাহরণ:

padding-left:4em 

..or ..

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>

ভিজ্যুয়াল উদাহরণ দেখতে উপরের স্নিপেটটি চালান।

অতিরিক্ত আলোচনা

আইএসও -8859-1 এইচটিএমএলে কোনও অনুভূমিক ট্যাবুলেশন সংস্থাগুলি সংজ্ঞায়িত করা হয়নি, তবে স্বাভাবিকের চেয়ে আরও কিছু সাদা-স্পেস অক্ষর উপলব্ধ রয়েছে &nbsp; &thinsp;, &ensp;এবং উপরে বর্ণিত &emsp;

এএসসিআইআই এবং ইউনিকোডে &#09;এটি একটি অনুভূমিক সারণী tab


2
এটিকে একটি বৈধ নয় XHTMLরেখে W3 যাচাইকারী
Buksy

এটি কেবলমাত্র অর্ধেক সত্য, যেহেতু & emsp; সত্যিকারের বৈধ W3C মার্ক-আপ- তবে আপনি অনুকূলভাবে সিএসএসের অনুকূল উদাহরণটি উল্লেখ করছেন। এই ক্ষেত্রে, আমরা কাস্টম ট্যাগগুলি ব্যবহার করছি যা নতুন মার্ক-আপ এবং ডাব্লু 3 সি সেটের অংশ নয়। ডাব্লু 3 সি বৈধকারক ত্রুটি হিসাবে সর্বদা কাস্টম ট্যাগকে পতাকাঙ্কিত করার ডিগ্রীটির পক্ষে কঠোর। এটি আপনার উপর নির্ভর করে যা আরও গুরুত্বপূর্ণ। এটি প্রায় সময় প্রায় আমাদের এইচটিএমএল মার্ক আপ সেট যোগ করা ট্যাবগুলির একটি শালীন অফিসিয়াল ইমপ্লিমেন্টেশন পেয়েছিলাম। আশাকরি এটা সাহায্য করবে.
ওয়ান্ডার ওয়ার্কার

2
আমি স্ট্রিং মান এবং এইচটিএমএল এ্যার-টাইপ অক্ষর সহ জেটিবেল শিরোনামগুলির ক্ষেত্রে এমন একটি ক্ষেত্রে এটি ব্যবহার করেছি, যেখানে বিভাজক হিসাবে আমার এই অক্ষরটি প্রয়োজন। দুর্দান্ত কাজ! ধন্যবাদ!
ব্লেক নিল

2
"অদ্ভুতভাবে, এইচটিএমএলে কোনও অনুভূমিক ট্যাব নেই" ফরম্যাটিং হিসাবে সমস্ত অদ্ভূত ধারাবাহিকভাবে এইচটিএমএল এবং সিএসএস থেকে দূরে চলেছে, এবং একটি ট্যাব ভিজ্যুয়াল উপাদানটি কেবল একটি বিন্যাস উপাদান নয়, তবে ভাল উত্তর এবং ভালভাবে ব্যাখ্যা করা হয়েছে
মাইকটি

75

নীচে ফাঁকা স্থান সন্নিবেশ করানোর জন্য এইচটিএমএল দ্বারা সরবরাহিত 3 টি বিভিন্ন উপায় রয়েছে

  1. &nbsp;একটি একক স্থান যুক্ত করতে টাইপ করুন।
  2. &ensp;2 স্পেস যুক্ত করতে টাইপ করুন।
  3. &emsp;4 স্পেস যুক্ত করতে টাইপ করুন।

3
;তাদের সাথে কেবল যুক্ত করুন। পছন্দ করুন&nbsp;
Amio.io

2
এই উত্তরটি আসলে প্রশ্নের উত্তর দেয়। এটি কোনও সিএসএস উত্তরকে উত্তর হিসাবে চিহ্নিত করা হয় বলে বোকা।
মণি

@ মানি ২০০৯ সালে প্রশ্নটি জিজ্ঞাসা করা হয়েছিল এবং এটির উত্তরটি ২০০৯ সাল থেকে হয়েছিল 2018 এই উত্তরটি 2018 সালে যুক্ত করা হয়েছিল .. আপনি যখন সেভাবে এটি দেখেন তখন এটি বোকামি নয়।
26

@ ᴛʜᴇᴘᴀᴛᴇʟ ভুলে যান যদি এটি প্রকৃতপক্ষে প্রশ্নের উত্তর দেয় বা না দেয় তবে চিহ্নিত উত্তরটি সঠিকভাবে উত্তর না দেয় তবে আমি যে পয়েন্টটি তৈরি করতে চাইছি তা হ'ল।
মণি

এটি আসল যথাযথ উত্তর। ধন্যবাদ!
এরিয়েল মোনাকো

67

চেষ্টা &emsp;

এটি চার &nbsp;s এর সমতুল্য ।


আসলে w3.org/MarkUp/html3/specialchars.html হিসাবে সঠিক উত্তর নয় । পরিষ্কারভাবে বলা হয়েছে যে এটি ব্যবহৃত ফন্টের ধরণের উপর নির্ভর করে, তাদের স্থানও বর্তমান ফন্টের বিন্দু আকারের সমান এবং
ইম

52

অনুচ্ছেদের ভিতরে (বা মাঝখানে) একাধিক স্পেস .োকানোর সত্যিই সহজ উপায় নেই। আপনারা সিএসএস ব্যবহার করার পরামর্শ দিচ্ছেন তারা বিন্দুটি অনুপস্থিত। আপনি সবসময় কোনও দিক থেকে কোনও অনুচ্ছেদে ইনডেন্ট করার চেষ্টা করছেন না তবে বাস্তবে এটির কোনও নির্দিষ্ট জায়গায় অতিরিক্ত স্থান দেওয়ার চেষ্টা করছেন।

প্রকৃতরূপে, এই ক্ষেত্রে, স্পেস পরিণত বিষয়বস্তু এবং না শৈলী। আমি জানি না কেন এত লোক তা দেখতে পায় না। আমি অনুমান করি যে অনমনীয়তার সাথে তারা শৈলী এবং বিষয়বস্তু বিধি বিভাজন কার্যকর করার চেষ্টা করেছে (এইচটিএমএল শুরু থেকেই উভয়কেই তৈরি করার জন্য তৈরি করা হয়েছিল - অনেক বেশি ব্যয় না করে যথাযথ ট্যাগগুলি ব্যবহার করে মাঝে মাঝে একটি অনন্য উপাদানটির স্টাইল সংজ্ঞায়িত করার কোনও সমস্যা নেই) সিএসএস স্টাইল শিটগুলি তৈরি করার সময় এবং এটি যখন সংযমকালে ব্যবহৃত হয় তখন এ সম্পর্কে একেবারে অপঠনযোগ্য কিছুই নেই quickly দ্রুত কিছু করতে সক্ষম হবার জন্য আরও কিছু কথা বলা যেতে পারে)) তারা কীভাবে কেবল সাদা বর্ণের অক্ষরকে কেবলমাত্র ব্যবহৃত হিসাবে বিবেচনা করতে পারে তা অনুবাদ করে শৈলী এবং ইন্ডেন্টেশন।

এবং যখন নির্ভর না করে &emsp;এবং &nbsp;ট্যাগগুলি ছাড়াই ফাঁকা স্থান সন্নিবেশ করার কোনও দুর্দান্ত উপায় না থাকে , তখন আমি যুক্তি দিয়ে বলব যে ফলস্বরূপ কোডটি যদি এমন একটি নামযুক্ত ট্যাগ থাকে যা আপনাকে দ্রুত একটি বিশাল সংখ্যক স্পেস সন্নিবেশ করতে দেয় তবে তার চেয়ে অনেক বেশি অপঠনযোগ্য হয়ে যায় (বা যদি আপনি জানেন যে স্থানগুলি অযথা প্রথমে গ্রাস করা হয়নি)।

যদিও এটি যেমনটি উপরে বলা হয়েছিল, আপনার সেরা বেটটি &emsp;সঠিক জায়গায় toোকানোর জন্য ব্যবহার করা হবে ।


1
এইচটিএমএল শুরু থেকেই কাস্টমালি স্টাইল করার জন্য ডিজাইন করা হয়নি।
মার্কাস আনটারওয়াদিজিটর

আপনার ইন্ডেন্টেশনটি কীভাবে সর্বদা মানুষ চায় তা নয়!
রেডউল্ফ প্রোগ্রামগুলি

46

প্রাক ট্যাগ ব্যবহার করা ভাল । প্রাক ট্যাগ সংজ্ঞায়িত টেক্সট পূর্ববিন্যাসিত।

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

and line breaks.

</pre>

এই লিঙ্কে প্রাক ট্যাগ সম্পর্কে আরও জানুন


1
@ হুজাইফাসাইফুদ্দিন <pre>হয় HTML5 এর মধ্যে আদর্শায়িত শুধুমাত্র HTML4 একই আচরণ সঙ্গে।
সুমিত

আমি দুঃখিত আমি ওয়াই জানি না যে আমি লিখেছি .. আপনি যা বলেছেন তার সাথে আমি একমত .. ভুল তথ্যের জন্য দুঃখিত
সাইফুদ্দিন

আমি স্প্রেডশিটগুলিতে আটকানো আউটপুট ফর্ম্যাট করছিলাম এবং এটি আমাকে ট্যাব করার জন্য characters t অক্ষর সন্নিবেশ করার অনুমতি দেয়। অবশ্যই আমার উত্তর ছিল। ভাল যাচ্ছে.
ক্রেগ ব্রেট

1
এটি সেরা বিকল্প IMHO the এছাড়াও, আমরা <পছন্দ> এ একটি স্টাইল সংজ্ঞা প্রয়োগ করতে পারি, সুতরাং প্রয়োজনে আমাদের সঠিক 'মনোস্পেস' ফন্ট থাকতে পারে have উদাহরণ: প্রাক-ফন্ট-পরিবার: "লুসিডা কনসোল", মোনাকো, মনোস্পেস; হরফ-আকার: 90%; }
reverpie

41

কোনও পদ্ধতি অনুসন্ধানের সময় আমি এটি পেরিয়ে এসেছি এবং নিজের মতো করে বের করতে পেরেছি যা যা চেয়েছিল তা সহজেই কাজ করে বলে মনে হচ্ছে। আমি এখানে পোস্ট করতে নতুন তাই আমি আশা করি এটি কাজ করে ... তবে সিএসএসে এটি রাখুন:

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

তারপরে আপনার এইচটিএমএলটিতে আমার "পূর্বের ট্যাব" মাঝের বাক্যটির মতো হওয়া উচিত:

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

আপনার প্রয়োজন পরিমাণ &nbsp;বা &emsp;এটি থেকে সংরক্ষণ করে ।

আশা করি এটি কাউকে সাহায্য করবে, চিয়ার্স!


3
এটি বাঁদিকে 80px এবং spanট্যাগের ডানদিকে 80px যোগ করবে , ঠিক কোনও ট্যাব নয়।
এমকন্ট

সিএসএসকে স্টাইলিং করার অনুমতি দেওয়ার সময় আপনি কেবলমাত্র একটি সামান্য কিছু মার্কআপ যুক্ত করার কারণে একটি চতুর প্রতিক্রিয়া।
23'16 এ আহ্বান করুন

19

&emsp;, &ensp;, &#8195;বা&#8194; ব্যবহার করা যাবে।

ডাব্লু 3 বলে ...

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. 

এইচটিএমএল 3 এর জন্য ডাব্লু 3.org এ আরও পড়ুন

এইচটিএমএল 4 এর জন্য ডাব্লু 3.org এ আরও পড়ুন

আরও বেশি উইকিপিডিয়ায়


16

আফাইক, একমাত্র উপায় ব্যবহার করা

&nbsp;

আপনি যদি সিএসএস ব্যবহার করতে পারেন তবে আপনি প্যাডিং বা মার্জিন ব্যবহার করতে পারেন। দেখুন বক্স মডেল , এবং Internet Explorer এর জন্য, এছাড়াও পড়া ইন্টারনেট এক্সপ্লোরার বক্স মডেল বাগ


9

হোয়াইটস্পেস হয়, তাহলে যে গুরুত্বপূর্ণ, এটা পূর্ববিন্যাসিত লেখা এবং <pre> ট্যাগ ব্যবহার করতে ভাল হতে পারে।


ওপি শ্বেত স্পেস সম্পর্কে এতটা নির্দিষ্ট নয়, কেবল একাধিকের শর্টকাট সম্পর্কে জিজ্ঞাসা করেছে &nbsp;। Invoking <pre>ট্যাগ অতিরিক্ত কাজ অনেক তৈরি হবে।
isomorphismes

মনসস্পেস হরফ এড়ানোর জন্য, CSS ব্যবহার করুন "হোয়াইট স্পেস: প্রাক-মোড়ানো"
hultqvist

হোয়াইটস্পেস কোনও that importantজিনিস নয়। এটা জীবনের একটি সত্য।
রেডউল্ফ প্রোগ্রামগুলি

9

আপনি যদি অনুচ্ছেদে প্রথম বাক্যটি কেবল ইনডেন্ট করতে খুঁজছেন তবে আপনি এটি একটি ছোট সিএসএস ট্রিক দিয়ে করতে পারেন:

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

হ্যাঁ। সেটাও কাজ করবে। কেবলমাত্র :first-letterপয়েন্টটি যদি প্রথম বাক্যটি ইনডেন্ট করতে হয় তবে এটি লাগাতে ভুলবেন না ।
পেরিরিক্স

9

এইচটিএমএল 3 চালু হওয়া সত্ত্বেও <tab> ট্যাগ কখনও এটিকে ব্রাউজারে পরিণত করতে পারেনি। আমি সবসময় এটাকে সত্যিকারের করুণা ভেবেছি কারণ আমাদের কাছে যদি তা পাওয়া যেত তবে অনেক পরিস্থিতিতে জীবন আরও সহজ হত। তবে আপনি সহজেই এটির প্রতিকার করতে পারেন আপনাকে একটি জাল <ট্যাব> ট্যাগ দেওয়ার জন্য। আপনার এইচটিএমএল বা অন্যথায় (স্টাইল ট্যাগ ছাড়া) আপনার সিএসএসে নিম্নলিখিতটি যুক্ত করুন:

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

তারপরে, আপনার নথিতে যখন আপনার একটি ট্যাব লাগবে তখন সেখানে <ট্যাব> রাখুন। এটি সত্যিকারের ট্যাব নয় কারণ এটি ট্যাব-চিহ্নগুলিতে একত্রিত হয় না, তবে এটি বেশিরভাগ প্রয়োজনের জন্য কাজ করে, আনাড়ি চরিত্র সত্তা বা স্প্যানগুলির সাথে ঘুরে বেড়ানো ছাড়া। এটি আপনার উত্সটি পরীক্ষা করা সত্যিই সহজ করে তোলে এবং সাধারণ জিনিসগুলিকে ফর্ম্যাট করার জন্য একটি সিঞ্চ তৈরি করে যেখানে আপনি টেবিলগুলির ঝামেলা বা অন্যান্য জটিল "সমাধানগুলি" যেতে চান না।

এই সমাধানটির একটি দুর্দান্ত দিক হ'ল << ট্যাব> ট্যাগটি দিয়ে সমস্ত ট্যাব প্রতিস্থাপন করতে আপনি একটি পাঠ্য নথির দ্রুত অনুসন্ধান / প্রতিস্থাপন করতে পারেন।

আপনি প্রকৃত নিরঙ্কুশ অবস্থান টিএবগুলি সংশ্লেষ করতে সক্ষম হবেন, তারপরে যথাযথ ট্যাবটি ব্যবহার করুন (যেমন <ট্যাব 2> বা <ট্যাব 5> বা যা কিছু) যেখানে প্রয়োজন, তবে আমি এটি করার কোনও উপায় খুঁজে পাইনি এটি পরবর্তী লাইনগুলিকে অন্তর্ভুক্ত না করেই করতে পারি ।


7

আপনি একটি টেবিল ব্যবহার করতে পারেন এবং widthপ্রথমটিতে একটি বৈশিষ্ট্য প্রয়োগ করতে পারেন <td>

কোড:

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

ফলাফল

Content1       Content2
Content3       Content4

ধন্যবাদ !! সিএসএস সম্ভব নয় এমন পরিস্থিতিতে এটিই সেরা এবং সর্বাধিক সাধারণ সমাধান।
জন হেন্কেল

6

আমি লাইনের স্টাইলিংয়ের সাথে স্প্যান ব্যবহার করেছি। আমি সরল পাঠ্যের একটি স্ট্রিং প্রক্রিয়া করার সময় এটি করতে হয়েছিল এবং space টিটি 4 স্পেস (অ্যাপেক্স) দিয়ে প্রতিস্থাপন করতে হবে। আমি ব্যবহার করতে পারিনি&nbsp;চূড়ান্ত চিহ্নিতকরণে নন-সামগ্রী থাকাতে যাতে তাদের ব্যাখ্যা করা হয় সেই প্রক্রিয়াতে ।

এইচটিএমএল:

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

আমি এটি পিএইচপি ফাংশনে এটি ব্যবহার করেছি:

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

6

আপনার যদি কেবল একটি ট্যাব প্রয়োজন হয়, নিম্নলিখিতগুলি আমার জন্য কাজ করে।

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

এইচটিএমএল সহ এমন কিছু:

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

আপনি অতিরিক্ত "ট্যাব" শৈলী যুক্ত করে এবং এইচটিএমএল পরিবর্তন করে আরও "ট্যাব" যুক্ত করতে পারেন:

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

এইচটিএমএল সহ এমন কিছু:

<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>

4

আপনি যদি সিএসএস ব্যবহার করে থাকেন তবে আমি নিম্নলিখিতগুলির পরামর্শ দেব:

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

এটি প্রথাগত প্রকাশনাগুলির মতো প্রথম লাইনে প্রবেশ করবে ind


4

এটির জন্য একটি সহজ সিএসএস রয়েছে:

white-space: pre;

এটি এইচটিএমএলগুলিতে একত্রিত করার পরিবর্তে স্পেসগুলি রাখে।


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

এটি এর মতো বিবেচনা করুন: একটি ট্যাব 64৪ পিক্সেলের সমান। সুতরাং এটি সিএসএস দ্বারা আমরা দিতে পারি স্থান।


3

আমরা স্টাইল = "সাদা-স্থান: প্রাক" এর মতো ব্যবহার করতে পারি:

<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

যে আদর্শ সিএসএস কোডটি ব্যবহার করা উচিত তা হ'ল "প্রদর্শন" এবং "ন্যূনতম প্রস্থ" বৈশিষ্ট্যের সংমিশ্রণ হওয়া উচিত ...

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

ঠিক আছে, যদি পুরো প্যারাগ্রাফের বাইরে কেবল একটি লাইনের শুরুতে যদি একটি দীর্ঘ শ্বেত স্থান প্রয়োজন হয়, তবে এটি সমাধান হতে পারে:

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

যদি এটি লেখার জন্য খুব বেশি হয় বা একাধিক জায়গায় এই জাতীয় ট্যাবগুলির প্রয়োজন হয় তবে আপনি এটি করতে পারেন

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

তারপরে এটি সিএসএসে অন্তর্ভুক্ত করুন:

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

2

"ট্যাবড" চেহারাটি দেওয়ার জন্য আমি কোনও বুলেটবিহীন একটি তালিকা ব্যবহার করি। (এমএস ওয়ার্ড ব্যবহার করার সময় এটি আমি মাঝে মধ্যে যা করি)

সিএসএস ফাইলে:

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

এবং এইচটিএমএল ফাইলে আনর্ডারড তালিকা ব্যবহার করুন:

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

এই সমাধানটির সৌন্দর্য হ'ল আপনি নেস্টেড তালিকাগুলি ব্যবহার করে আরও ইনডেন্টেশন করতে পারেন।

এখানে একটি নুব কথা বলছে, সুতরাং যদি কোনও ত্রুটি থাকে তবে মন্তব্য করুন।


(x) এইচটিএমএল নথির বিষয়বস্তু নির্দিষ্ট করতে হবে, এটি কীভাবে প্রদর্শিত হয় তা সিএসএস দ্বারা পরিচালিত হওয়া উচিত। সারণী ব্যবহার করে ওয়েবপৃষ্ঠাগুলি ছড়িয়ে দেওয়া কখনই অ-ট্যাবুলার ডেটার জন্য ব্যবহার করা উচিত নয় reasons
নীলসভ

1

আমরা কাস্টম স্পেস স্প্যান ক্লাস ব্যবহার করি

<span class='space'></span>

সিএসএসে স্পেস ক্লাস অন্তর্ভুক্ত করুন।

.space 
{
   margin-left:45px;
}

1
অ্যালোহির উত্তরের মত, দয়া করে ব্রাউজারের পাঠ্য জুমের অনুমতি দিতে em/ remপরিমাপ ব্যবহার করুন ।
চার্লি হার্ডিং

0

সিএসএস এবং সেরা অনুশীলন ব্যবহার করে নেস্টেড, ইনডেন্টেড মেনুগুলির গতিশীল সৃষ্টি নীচে হবে:

  1. প্রতিটি নেস্টিংয়ের জন্য একটি স্টাইল তৈরি করুন, যেমন ইনডেন্ট 1, ইনডেন্ট 2 ইত্যাদি প্রতিটি তার নিজস্ব বাম মার্জিন উল্লেখ করে। সাইটের কাঠামো খুব কমই বাসা বাঁধার তিনটি স্তরের অতিক্রম করা উচিত।
  2. পুনরাবৃত্তি ট্র্যাক করতে স্ব-পুনরাবৃত্তির ক্রিয়াটির মধ্যে একটি স্ট্যাটিক ভেরিয়েবল (পূর্ণসংখ্যা) ব্যবহার করুন।
  3. প্রতিটি লুপের জন্য, indentসার্ভার সাইড স্ক্রিপ্টিং যেমন পিএইচপি বা এএসপি ব্যবহার করে শব্দটিতে লুপ নম্বর যুক্ত করুন , যাতে এই মেনুগুলি সিএসএস দ্বারা যথাযথভাবে ফর্ম্যাট করা যায়।

বিকল্পভাবে, একাধিক &nbsp;বা ব্যবহার করে ব্যবধান যুক্ত করতে স্ট্যাটিক ভেরিয়েবলের মধ্য দিয়ে লুপ করুন<pre> ট্যাগ, বা অন্যান্য অক্ষর যথাযথ হিসাবে ।

অনুভূমিক ট্যাব চরিত্রটি পরীক্ষা করে &#09;দেখেছি যে &nbsp;আমি বর্ণিত দৃশ্যে এটি একাধিকের প্রতিস্থাপন হিসাবে কাজ করে না । আপনার বিভিন্ন ফলাফল থাকতে পারে।


0

এটি কিছুটা কুৎসিত সমাধান তবে আপনি এটি করতে পারেন

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

এবং তারপরে আপনার স্ট্রিংগুলিতে ট্যাব ভেরিয়েবলটি ব্যবহার করুন।


0

কেবলমাত্র "প্রাক" ট্যাগ:

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

আপনি এই ট্যাগটিতে যে কোনও সিএসএস শ্রেণি প্রয়োগ করতে পারেন।


0

আমি কেবল সুপারিশ করব:

/* 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>

0
<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>

এটি বেশিরভাগ পাঠ্যের অনুচ্ছেদ প্রদর্শন করার জন্য দরকারী যদিও স্ক্রিপ্টগুলির অন্যান্য অংশে এটি কার্যকর হতে পারে।

আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.