133

আমি জানি যে এইচটিএমএলে একটি ঘন্টা (অনুভূমিক নিয়ম) আছে, তবে আমি বিশ্বাস করি না যে সেখানে কোনও ভিআর (উল্লম্ব নিয়ম) রয়েছে। আমি কি ভুল এবং যদি না হয় তবে কেন একটি উল্লম্ব নিয়ম নেই?

html

— Xaisoft
সূত্র

17

এটি একটি মৃত প্রশ্ন, তবে সিএসএস 3 স্পেসের বাইরে, আপনি উল্লম্ব, অনুভূমিক নিয়ম তৈরি করতে ট্রান্সফর্ম: রোটেট (90deg) ব্যবহার করতে পারেন।

— জুলাই

3

আপনি যদি সারণি হিসাবে ফ্লেক্সবক্স ব্যবহার করেন (প্রদর্শন: ফ্লেক্স; ফ্লেক্স-দিকনির্দেশ: সারি;) hrউপাদানগুলি স্বয়ংক্রিয়ভাবে উল্লম্ব হয়ে যাবে। আপনাকে কেবল এটির heightসম্পত্তি সেট করতে হবে (যেমন উচ্চতা: ৮০%;);

— রডরিগো

156

না, কোনও উল্লম্ব নিয়ম নেই।

এটি থাকার পক্ষে এটি যৌক্তিক ধারণা তৈরি করে না। এইচটিএমএলটি ধারাবাহিকভাবে পার্স করা হয়েছে, যার অর্থ আপনি আপনার HTML কোডটি উপর থেকে নীচে রেখেছেন, বাম থেকে ডানে আপনি কীভাবে এটি শীর্ষ থেকে নীচে, বাম থেকে ডানে প্রদর্শিত করতে চান (সাধারণভাবে)

একটি ভিআর ট্যাগ এই দৃষ্টান্ত অনুসরণ করে না।

তবে CSS ব্যবহার করে এটি করা সহজ easy উদা:

<div style="border-left:1px solid #000;height:500px"></div>

নোট করুন যে আপনাকে একটি উচ্চতা নির্দিষ্ট করতে হবে বা সামগ্রী সহ ধারকটি পূরণ করতে হবে।

— অ্যান্ডি বেয়ার্ড
সূত্র

4

টেবিলগুলি আইটেমগুলিকে উল্লম্বভাবে পৃথক করতে পারে, তাই আপনি যা বলছেন তা কোনও সত্যিকারের ভিআর ট্যাগ নেই is

— সিসকোআইফোন

6

এই কারণেই এইচটিএমএল স্পাকে টেবিলগুলি যুক্ত করা হয়নি। টেবিলগুলি ট্যাবলেটযুক্ত ডেটা প্রদর্শনের জন্য। প্রায় কোনও এইচটিএমএল উপাদানটি আইটেমগুলি উল্লম্বভাবে পৃথক করতে ব্যবহার করা যেতে পারে (যে কোনও কিছুই আপনি প্রদর্শন করতে সেট করেছেন: ব্লক এবং ফ্লোট: যে কোনও উচ্চতার সেট দিয়ে বামে)

— অ্যান্ডি বেয়ার্ড

19

ERF। আমি বলার চেষ্টা করছিলাম যে যদি জিনিসগুলি ইতিমধ্যে উল্লম্বভাবে পৃথক করা যায় তবে কীভাবে কোনও ভিআরএল এইচটিএমএল প্যারাডিজম অনুসরণ না করে?

— সিসকোআইফোন

4

@ সিসকোআইপিফোন - উল্লম্ব বিভাজনের জন্য একটি অনুভূমিক বিধি প্রয়োজন। পার্শ্ববর্তী বিচ্ছেদ একটি উল্লম্ব নিয়ম প্রয়োজন হবে। এরগো, অ্যান্ডি বেয়ার্ড ঠিক আছে, আমার ধারণা।

— জোশুয়া

3

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

— হেন্ডেকা

37

আপনি এটির মতো উল্লম্ব নিয়ম তৈরি করতে পারেন: <hr style="width: 1px; height: 20px; display: inline-block;">

— ঔজ্বল্যহীন
সূত্র

16

অন্যদের দ্বারা নির্দেশিত হিসাবে, উল্লম্ব নিয়মের ধারণা এইচটিএমএল নথিগুলির কাঠামো এবং উপস্থাপনের পিছনে মূল ধারণাগুলির সাথে খাপ খায় না। যাইহোক, এই দিনগুলিতে (বিশেষত ওয়েব অ্যাপ্লিকেশনগুলির প্রসারের সাথে) খুব কম সংখ্যক পরিস্থিতি রয়েছে যেখানে এটি সত্যই কার্যকর হবে।

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

এখন, বলুন যে আপনি অনুরূপ আইটেমগুলি গ্রুপ করতে চান তবে এই জাতীয় কিছু অর্জনের জন্য গ্রুপগুলির মধ্যে একটি উল্লম্ব বিভাজক যুক্ত করুন:

[Item 1a] [Item 1b] | [Item 2a] [Item 2b]

<hr style="width: 1px; height: 100%; ..." />কাজগুলি ব্যবহার করে তবে শব্দার্থগতভাবে ভুল হিসাবে বিবেচিত হতে পারে কারণ আপনি যে উপাদানটির জন্য পরিবর্তন করছেন তা পরিবর্তন করছেন। তদতিরিক্ত, আপনি এটি নির্দিষ্ট উপাদানগুলির মধ্যে ব্যবহার করতে পারবেন না যেখানে এইচটিএমএল ডিটিডি কেবলমাত্র ইনলাইন-লেভেল উপাদানগুলিকে মঞ্জুরি দেয় (উদাহরণস্বরূপ এ এর মধ্যে )

আরও ভাল বিকল্পটি হ'ল , তবে সমস্ত ব্রাউজারগুলি display: inline-block;সিএসএস সম্পত্তি সমর্থন করে না , তাই কেবলমাত্র আসল ইনলাইন-স্তরের বিকল্পটি এরকম একটি চিত্র ব্যবহার করা:

<img src="pixel.gif" alt="|" style="width:1px; height:100%; background:#000; margin: 0 2px;" />

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

— daiscog
সূত্র

8

<style type="text/css">
.vr
{
  display:inline;
  height:100%;
  width:1px;
  border:1px inset;
  margin:5px
}
</style>

<div style="font-size:50px">Vertical Rule: &rarr;<div class="vr"></div>&larr;</div>

চেষ্টা কর.

— ভেনিয়ামিন ইলমার
সূত্র

7

কেমন:

writing-mode:tb-rl

শীর্ষ-> নীচে, ডান-> বাম কোথায়?

আমাদের এটির জন্য উল্লম্ব নিয়ম প্রয়োজন।

— vscpp
সূত্র

এটা একটা ভাল দিক. যাইহোক, এর অর্থ পৃষ্ঠাটি একটি প্রচলিত পদ্ধতিতে উপস্থাপন করা কারণ আপনাকে ডোমের সমস্ত অন্যান্য উপাদানগুলির সাথে প্রতিযোগিতা করতে হবে। আপনি কি কখনও খেয়াল করেছেন যে কখনও কখনও ব্রাউজারগুলির মধ্যে রেন্ডারিং পার্থক্য রয়েছে? ;) ~ তবুও, খুব ভাল পয়েন্ট ।

— jcolebrand

7

একটি <hr> ডিসপ্লেটির অভ্যন্তরে: ফ্লেক্সটি এটি উল্লম্বভাবে প্রদর্শন করবে।

জেএসফিডাল: https://jsfiddle.net/w6y5t1kL/

উদাহরণ:

<div style="display:flex;">
  <div>
    Content
    <ul>
      <li>Continued content...</li>
    </ul>
  </div>
  <hr>
  <div>
    Content
    <ul>
      <li>Continued content...</li>
    </ul>
  </div>
</div>

— Nixinova
সূত্র

3

নেই, কোথায় যাবে?

আপনি যদি এমন কিছু চান তবে কোনও উপাদানটিতে সীমানা-ডান রাখার জন্য CSS ব্যবহার করুন।

— চাদ বার্চ
সূত্র

2

এইচটিএমএলের সামগ্রী বিন্যাসের টাইপোগ্রাফিক প্রকৃতির কারণে কোনও উল্লম্ব অবস্থান নেই। উল্লম্ব বিধিটি কেবল এর শব্দার্থবিজ্ঞানের সাথে খাপ খায় না।

— myroslav
সূত্র

2

এটি চেষ্টা করে দেখুন এবং আপনি নিজেকে জানবেন:

<body>
rokon<br />
rkn <hr style="width: 1px; height: 10px; display: inline; margin-left: 2px; margin-right: 2px;" />rockon<br />
rocks
</body>
</html>

— মুহাম্মদ রোকনুজ্জামান
সূত্র

2

আপনি 2 উপায়ে করতে পারেন:

শৈলী তৈরি করুন যেমন আপনি ইতিমধ্যে ডিভ দিয়েছিলেন তবে সীমানা-বাম সীমানা-ডানে পরিবর্তন করুন
একটি চিত্র নিন এবং এর প্রস্থটি 1-2 পিক্স করুন

— বোল্টক্লক
সূত্র

2

প্রাচীন প্রশ্ন কিন্তু আমি display:flex;এটি দিয়ে সমাধান করেছি এবং এটি দুর্দান্ত কাজ করে:

<div style="display:flex;border:1px dotted black;margin-bottom:20px;">
    <div>
        This is a div
    </div>
    <div style="border-left:1px solid black;margin:0 7.5px;"></div>
    <div>
        This is another div
    </div>  
</div>

https://jsfiddle.net/6qfd59vm/3/

এই সমাধানের জন্য নির্দিষ্ট উচ্চতারও প্রয়োজন হয় না।

— টেরো হেইসকেনেন
সূত্র

ভবিষ্যতের সমাধান, তবে সম্ভবত 2017-18 পর্যন্ত নয় :) :)

— jave.web

2

এটা চেষ্টা কর.

আপনি " ডিভি " তে " ঘন্টা " এর স্কোপের মতো উচ্চতা এবং প্রস্থ সেট করতে পারেন " ।

" Hr " এর মার্জিন প্রান্তিককরণের জন্য ব্যবহৃত হয়।

<div style="display: inline-flex; width: 25px; height: 100px;">
  <hr style="margin: 0px 0px 0px 12.5px;">
</div>

স্নিপেট প্রসারিত করুন

— চুং-মিং উ
সূত্র

2

আমি জানি যে আমি আমার দেরীটি খুব দেরিতে যুক্ত করছি, তবে এটি নিশ্চিত যে আমি নিশ্চিত। ব্যবহার করে আপনি উল্লম্ব লাইন অর্জন করতে পারেন flexএবংhr

আমার কোডেপেন এখানে দেখুন ।

— উমেশ
সূত্র

2

আগের চেয়ে বেশি দেরী!

— Jry9972

1

নেভিগেশন হিসাবে একটি তালিকা আইটেম ব্যবহৃত হচ্ছে প্রসঙ্গে একটি <ভিআর /> ট্যাগ পুরোপুরি কার্যকর হবে। এটির অস্তিত্ব না থাকার কারণটি হ'ল এক দশক আগে এইচটিএমএল-এর প্রসঙ্গে "এটির সাথে যৌক্তিক ধারণা তৈরি হয় না"।

— joemaddalone
সূত্র

1

বেশিরভাগ ডেস্কটপ ক্লায়েন্টের জন্য এইচটিএমএল ইমেলের ব্যবহারের জন্য আপনাকে টেবিলগুলি ব্যবহার করতে হবে। এই ক্ষেত্রে, আপনি <hr>প্রয়োজনীয় (তবে সাধারণ) ইনলাইন স্টাইলিং সহ ট্যাগ ব্যবহার করতে পারেন , যেমন:

<hr width="1" size="50">

অবশ্যই সিএসএসের সাথে স্টাইলিং আরও নমনীয়, তবে জিমেইল এবং অনুরূপ ইনলাইন ব্যতীত অন্য কোনও সিএসএস স্টাইলিং ব্যবহার করার অনুমতি দেয় না ...

— desko
সূত্র

1

আপনি উল্লম্ব রেখার অনুকরণের জন্য সিএসএস ব্যবহার করতে পারেন এবং ডিভের উপর ক্লাস ব্যবহার করতে পারেন

.vhLine {
  border-left: thick solid #000000;
}

— ইয়ানা ভিলাফয়েস
সূত্র

1

আপনি খুব সহজেই এটি করতে পারেন

hr{
 transform: rotate(90deg);
}

<html>
<head>
</head>
<body>
<hr>
</body> 
</html>

স্নিপেট প্রসারিত করুন

ঘন্টা এর উচ্চতা এবং প্রস্থ সম্পর্কে সতর্কতা অবলম্বন করুন

— নীতীশ
সূত্র

1

এইচটিএমএল 5 কাস্টম উপাদান (বা খাঁটি সিএসএস)

1. জাভাস্ক্রিপ্ট

আপনার উপাদান নিবন্ধন করুন।

var vr = document.registerElement('v-r'); // vertical rule please, yes!

* -সমস্ত কাস্টম উপাদানগুলিতে বাধ্যতামূলক।

2. সিএসএস

v-r {
    height: 100%;
    width: 1px;
    border-left: 1px solid gray;
    /*display: inline-block;*/    
    /*margin: 0 auto;*/
}

* আপনাকে কিছুটা ঝাঁকুনির প্রয়োজন হতে পারে display:inline-block|inlineকারণ inlineউপাদানটির উচ্চতা সমেত প্রসারিত হবে না। একটি ধারকটির মধ্যে রেখাটি কেন্দ্র করতে মার্জিনটি ব্যবহার করুন।

3. তাত্ক্ষণিক

js: document.body.appendChild(new vr());
or
HTML: <v-r></v-r>

* দুর্ভাগ্যক্রমে আপনি কাস্টম স্ব-সমাপনী ট্যাগ তৈরি করতে পারবেন না।

ব্যবহার

 <h1>THIS<v-r></v-r>WORKS</h1>

উদাহরণ: http://html5.qry.me/versical-rule

জাভাস্ক্রিপ্ট নিয়ে গোলযোগ করতে চান না?

আপনার নির্ধারিত উপাদানটিতে কেবল এই সিএসএস শ্রেণি প্রয়োগ করুন।

CSS

.vr {
    height: 100%;
    width: 1px;
    border-left: 1px solid gray;
    /*display: inline-block;*/    
    /*margin: 0 auto;*/
}

* উপরে নোট দেখুন।

লিংক ইত্যাদি মূল উত্তর ।

— কোয়ার্টি
সূত্র

0

আপনি যেমন একটি কাস্টম ট্যাগ তৈরি করতে পারে:

<html>
<head>
<style>
vr {
display: inline-block;
// This is where you'd set the ruler color
background-color: black;
// This is where you'd set the ruler width
width: 2px;
//this is where you'd set the spacing between the ruler and surrounding text
margin: 0px 5px 0px 5px;
height: 100%;
vertical-align: top;
}
</style>
</head>
<body>
this is text <vr></vr> more text
</body>
</html>

(যদি কেউ এমন কোনও উপায় জানেন যা আমি এটিকে "ওপেন-এন্ডেড" ট্যাগে পরিণত করতে পারি, যেমন <hr>আমাকে জানান এবং আমি এটি সম্পাদনা করব)

— SReject
সূত্র

আপনি এটিকে সংক্ষিপ্ত ট্যাগ করতে পারেন<vr />

— jave.web

0

এইচটিএমএলে কোনও ট্যাগ নেই, তবে আপনি ব্যবহার করতে পারেন।

— user3576467
সূত্র

0

আপনি নতুন এইচটিএমএল 5 এসভিজি ট্যাগটি ব্যবহার করতে পারেন:

<svg style="position:absolute;width:100%;height:100%;">
    <line id="myVerticalLine" y1="0" y2="100" x1="0" x2="0">
    </line>
</svg>

— 1.21 গিগাওয়াট
সূত্র

0

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

এটি অনেক কারণে দুর্দান্ত; আপনি "নিয়ম" হিসাবে সহজেই বিভিন্ন লাইন, রঙ বা নিদর্শনগুলি ব্যবহার করতে পারেন এবং যেহেতু এটিতে কোনও পাঠ্য থাকবে না, এমনকি আপনি এইচটিএমএল-এ এইচআর ব্যবহার করে এটি "স্বাভাবিক" পদ্ধতিতে সম্পন্ন করেছেন, এটি এসইও বা অন্যান্য স্টাফের মতো প্রভাব ফেলবে না যে। এবং চিত্র ফাইলটি খুব ক্ষুদ্র হতে হবে (সর্বাধিক 1 বা 2KB)।

— পিটার জে
সূত্র

আপনার প্রস্তাবিত কৌশলটি প্রদর্শনের জন্য আপনার নমুনা কোডটি অন্তর্ভুক্ত করা উচিত।

— আদম কাটজ

0

অত্যধিক জটিল উত্তর। কেবল একটি টেবিলডাটা ট্যাগ তৈরি করুন যা সারিটি স্প্যান ব্যবহার করে আপনি কত সারিটি চান তা বিস্তৃত করে। তারপরে আসল বারের জন্য ডান-সীমানা ব্যবহার করুন।

উদাহরণ:

<td rowspan="5" style="border-right-color: #000000; border-right-width: thin; border-right-style: solid">&nbsp;</td>
<td rowspan="5">&nbsp;</td>

নিশ্চিত করুন যে দ্বিতীয় লাইনের "& nbsp" প্রথম স্তরের সমান পরিমাণ রেখা চালায়। যাতে উভয়ের মধ্যে যথাযথ ব্যবধান থাকে।

এই কৌশলটি আমার এইচটিএমএল 5 এর সাথে সময়ের চেয়ে ভালভাবে পরিবেশন করেছে।

— কেভিন অ্যান্ড্রু ফগ
সূত্র

0

আজ সঙ্গে সম্ভব CSS3

hr {
  background-color:black;
  color:black;
  -webkit-transform:rotate(90deg);
  position:absolute;
  width:100px;
  height:2px;
  left:100px;
}

— candlejack
সূত্র

0

যে সমস্ত লোক পাঠ্যের জন্য কলাম তৈরি করার চেষ্টা করছেন তাদের জন্য, একটি কলাম-বিধি সম্পত্তি রয়েছে যা আপনার ব্যবহার করা উচিত!

.content{
  margin: 20px 5%;
  padding: 5px;
  
}
.content p{
  -webkit-column-count: 3;
  -moz-column-count:3;
  -o-column-count:3;
  column-count: 3; 
  -webkit-column-rule: 1px solid #ccc;
  -moz-column-rule: 1px solid #ccc;
  -o-column-rule: 1px solid #ccc;
  column-rule: 1px solid #ccc;
 
  text-align: justify;
}

<div class="content">
  <p>
    Lorizzle ipsum tellivizzle sit amizzle, consectetizzle adipiscing elit. Nullam away things, shizznit stuff, suscipizzle shiz, gravida vizzle, funky fresh. Doggy phat tortizzle. Check it out its fo rizzle. Bizzle izzle shizzle my nizzle crocodizzle dapibus turpizzle tempizzle i'm in the shizzle. Mauris gizzle nibh et ghetto. Vestibulum ass phat. Pellentesque eleifend nizzle nisi. Fo shizzle my shizz shiznit fo shizzle dizzle. Donec dapibus. That's the shizzle uhuh ... yih! urna, pretium eu, mattizzle cool, shit things, nunc. Fizzle suscipizzle. Shizzlin dizzle semper daahng dawg boofron bow wow wow.



  </p>
  
  
</div>

স্নিপেট প্রসারিত করুন

— abe312
সূত্র

0

<div style="width:1px;background-color:red;height:30px;float:right;"></div>

সহজেই এর মতো একটি ডিভি ব্যবহার করে করা যায়

— Choxmi
সূত্র

-1

এখানে নেই.

কেন? সম্ভবত কারণ দুটি কলামযুক্ত একটি টেবিলটি করবে।

— OscarRyz
সূত্র

23

কারণ লোকেরা মনে করে না যে এইগুলির জন্য টেবিলগুলি ব্যবহার করা উচিত (আমি নীচে নামি না)।

— এরিককালেন

-2

কোন নেই. এবং আমি আপনাকে এটি না কেন একটি ছোট গল্প বলব। তবে প্রথম, দ্রুত সমাধান:

ক) মৌলিক উপাদানগুলির জন্য সিএসএস বর্গ ব্যবহার করুন span/ divযেমন ::

.vr{ 
   display: inline-block; 
   vertical-align: middle; 
   /* note that height must be precise, 100% does not work in some major browsers */
   height: 100px; 
   width: 1px; 
   background-color: #000;
}

ব্যবহারের বিক্ষোভ => https://jsfiddle.net/fe3tasa0/

খ) একপাশে কেবল সীমানা এবং সম্ভবত সিএসএস ব্যবহার করুন:first-child যদি আপনি ভাইবোন / নেগ্রবার উপাদানগুলির মধ্যে একটি সাধারণ বিভাজক প্রয়োগ করতে চান তবে নির্বাচক ।

গল্প `<vr>` ফিটিং মূল দৃষ্টান্ত এ,
কিন্তু এখনও হচ্ছে না:

অনেক উত্তর এখানে পরামর্শ দেয় যে উল্লম্ব বিভাজক মূল HTML দৃষ্টান্ত / পদ্ধতির সাথে খাপ খায় না ... এটি সম্পূর্ণ ভুল। এছাড়াও উত্তরগুলি নিজেদেরকে অনেকগুলি বিরোধিতা করে।

সেই একই মানুষ সম্ভবত আহ্বান করা হয় তাদের স্পষ্ট সিএসএস শ্রেণী "clearfix" - ভাসমান, আপনি শুধু এটা ক্লিয়ারিং সম্পর্কে ফিক্স কিছুই নেই ... HTML3 এমনকি একটি উপাদান হয়েছে: <clear>। দুঃখের বিষয়, ভাসমানের এই এবং ছাড়পত্র কয়েকটি সাধারণ ভুল ধারণার মধ্যে একটি।

যাই হোক। "আসল এইচটিএমএল যুগের" পরে "পিছনে", এমন কিছু সম্পর্কে কোনও চিন্তা ছিল না inline-block, সেখানে ছিল ঠিক blocks, inlinesএবংtables ।

শেষটি আসলে কারণটি <vr>না থাকার কারণ ।
পিছনে তখন ধরে নেওয়া হয়েছিল যে:
আপনি যদি উল্লম্বভাবে কিছু ভাগ করতে চান এবং / অথবা বাম থেকে ডানদিকে আরও ব্লক তৈরি করতে চান =>
=> আপনি তৈরি করছেন / কলাম তৈরি করতে চান =>
=> যা বোঝায় যে আপনি একটি টেবিল তৈরি করছেন =>
= > টেবিলগুলির কোষগুলির মধ্যে প্রাকৃতিক সীমানা থাকে => এগুলি করার কোনও কারণ নেই<vr>

এই পদ্ধতির আসলে এখনও বৈধ, কিন্তু সময় হিসাবে দেখানো হয়েছে, টেবিলের জন্য তৈরি সিনট্যাক্স প্রতিটি ক্ষেত্রে যেমন এটি ডিফল্ট শৈলীর জন্য উপযুক্ত নয়।

আরেকটি, সম্ভবত পরে, অনুমানটি হ'ল আপনি যদি টেবিল তৈরি না করে থাকেন তবে আপনি সম্ভবত ভাসমান ব্লক উপাদানগুলি । এর অর্থ তারা এক সাথে লেগে রয়েছে , এবং আবারও আপনি একটি সীমানা নির্ধারণ করতে পারেন , এবং সেই দিনগুলি সম্ভবত :first-childআমি উপরে প্রস্তাবিত নির্বাচককেও ব্যবহার করতে পারি ...

— jave.web
সূত্র

এইচটিএমএলে কোনও ভিআর (উল্লম্ব নিয়ম) আছে?

এইচটিএমএল 5 কাস্টম উপাদান (বা খাঁটি সিএসএস)

1. জাভাস্ক্রিপ্ট

2. সিএসএস

3. তাত্ক্ষণিক

ব্যবহার

জাভাস্ক্রিপ্ট নিয়ে গোলযোগ করতে চান না?

CSS

গল্প <vr> ফিটিং মূল দৃষ্টান্ত এ, কিন্তু এখনও হচ্ছে না:

গল্প `<vr>` ফিটিং মূল দৃষ্টান্ত এ,
কিন্তু এখনও হচ্ছে না: