খাঁটি সিএসএসে এটি কি অতিরিক্ত এইচটিএমএল ট্যাগ যুক্ত না করে একটি লাইনের মতো বিরতি তৈরি করা সম্ভব <br>? আমি <h4>এলিমেন্টটির পরে লাইনটি বিরতি চাই , তবে এর আগে নয়:
এইচটিএমএল
<li>
Text, text, text, text, text. <h4>Sub header</h4>
Text, text, text, text, text.
</li>
সিএসএস
h4 {
display: inline;
}
আমি এর মতো অনেকগুলি প্রশ্ন পেয়েছি তবে সর্বদা "ব্যবহার প্রদর্শন: ব্লক" এর মতো উত্তর সহ ; , যা আমি করতে পারি না, যখন <h4>একই লাইনে থাকতে হবে।
উত্তর:
এটি এর মতো কাজ করে:
h4 {
display:inline;
}
h4:after {
content:"\a";
white-space: pre;
}
উদাহরণ: http://jsfiddle.net/Bb2d7/
কৌশলটি এখান থেকে এসেছে: https://stackoverflow.com/a/66000/509752 (আরও ব্যাখ্যা করতে)
\aলাইন ব্রেক, অক্ষর U + 000A এর অর্থ এবং white-space: preব্রাউজারগুলিকে এটিকে রেন্ডারিংয়ে লাইন ব্রেক হিসাবে বিবেচনা করতে বলে।
white-spaceউপর :afterসিউডো-উপাদান, যা শুধু লাইন বিরতি রয়েছে। এবং এটি প্রয়োজনীয় কারণ HTML এ, ডিফল্টরূপে, উপাদান সামগ্রীতে একটি লাইন ব্রেক একটি স্থানের সমান এবং রেন্ডার ডকুমেন্টে লাইন বিরতি সৃষ্টি করে না।
margin-bottomআপনাকে সেখানে পৌঁছে দেওয়া উচিত।
margin-bottomপূর্ববর্তী পাঠ্যের মতো একই লাইনে এইচ 4 রাখবে?
আপনি এর পরে ::afterএকটি 0pxউচ্চ-ব্লক তৈরি করতে ব্যবহার করতে পারেন <h4>, যা <h4>পরের লাইনে কার্যকরভাবে যে কোনও কিছু সরিয়ে দেয়:
h4 {
display: inline;
}
h4::after {
content: "";
display: block;
}<ul>
<li>
Text, text, text, text, text. <h4>Sub header</h4>
Text, text, text, text, text.
</li>
</ul>