263

আমার কাছে পাঠ্যের একটি বড় অনুচ্ছেদ রয়েছে যা  এর সাথে সাবপ্রেগ্রাফগুলিতে বিভক্ত :

<p>
  Blah blah blah.
  <br/>
  Blah blah blah. Blah blah blah. Blah blah blah.
  <br/>
  Blah blah blah.
</p>

আমি এই সাব-অনুচ্ছেদের মধ্যে ফাঁকটি আরও প্রশস্ত করতে চাই, যেমন দুটি  বা এর মতো কিছু রয়েছে। আমি জানি যে এটি করার সঠিক উপায়টি ব্যবহার করা , তবে এই মুহূর্তে আমি এই বিন্যাসটি পরিবর্তন করতে পারি না, তাই আমি সিএসএস-কেবলমাত্র সমাধান খুঁজছি for

আমি চেষ্টা করেছি  এর সাথে line-heightএবং এর heightসাথে display: block, আমি গুগলড এবং স্ট্যাক ওভারফ্লো-এড সংক্ষেপেও করেছি, কিন্তু কোনও সমাধান পাইনি। লেআউট পরিবর্তন না করে এটি কি সম্ভব?

html css

— n1313
সূত্র

আপনার ফর্ম্যাটিং বিআর ট্যাগগুলির একটি উচ্চতার মান ছিল তা ভেবে বিভ্রান্তি যুক্ত করতে পারে। নীচের দিকে নির্দেশিত হিসাবে, তারা কেবল লাইন ব্রেক হয়। আপনি কি আপনার ওয়ার্ড প্রসেসরে অনুরূপ কিছু করার চেষ্টা করেছেন?

— জার্গ

উচ্চতা পরিবর্তনের শব্দার্থগতভাবে ভুল। এর অর্থ হল আপনি কেবল আপনার পাঠ্যে অন্য একটি লাইন রেখেছেন এবং একক অনুচ্ছেদে নির্দিষ্ট রেখার উচ্চতা থাকা উচিত। যদি কিছু পাঠ্য পৃথক করা হয় তবে এটি পৃথক অনুচ্ছেদ হওয়া উচিত।

— রোবো রোবক

আমি এখানে একটি অনুরূপ প্রশ্নের পুরোপুরি প্রতিক্রিয়া লিখেছি written

— ডেভিডকন্ড্রে

1

@JohnHenckel একটি বিভ্রান্তিকর বিট থেকে ট্যাগ থাকতে পারে না <div>ট্যাগ এই পোস্টটিকে দেখতে পারবেন

— deseosuho

1

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

— ব্রায়ান

275

CSS:

br {
   display: block;
   margin: 10px 0;
}

সমাধানটি সম্ভবত ক্রস ব্রাউজারের সাথে সামঞ্জস্যপূর্ণ নয়, তবে এটি অন্তত কিছু something এছাড়াও সেটিং বিবেচনা করুন line-height:

line-height:22px;

গুগল ক্রোমের জন্য, সেটিংটি বিবেচনা করুনcontent :

content: " ";

তা ছাড়া, আমি মনে করি আপনি একটি জাভাস্ক্রিপ্ট সমাধান সহ আটকে আছেন।

— Duroth
সূত্র

31

এটি এতে কাজ করে না: আই 7, অপেরা 10, ক্রোম 2। ফায়ারফক্সে এটি মার্জিনের দ্বৈত আকার তৈরি করে। আপনাকে নির্দিষ্ট করতে হবেmargin-top: 10px;

— আশ্চর্যজনক

8

content:" "স্টাইলটিতে একটি বৈশিষ্ট্য যুক্ত করুন এবং এটি ক্রোমে দুর্দান্ত কাজ করে

— আনুশার

8

এই সমাধানটি ফায়ারফক্সে কাজ করে। ওয়েবকিট-ভিত্তিক ব্রাউজারগুলির জন্য আপনি যুক্ত করতে পারেন line-height। শেষ পর্যন্ত এটি কিছু মত br { display:block; margin-top:10px; line-height:22px; }।

— চিতুলহু

2

@ আবদু: margin:10px 0 0যারা এটি দ্বিগুণ আকারে চান না তাদের পক্ষে আরও ভাল সমাধান হবে ।

— কায়লা

1

আমার জন্য কাজ করে না ... আমি @ বিস্ময়ের কোডটি চেষ্টা করেছিলাম margin-top: 10px;, এখনও কাজ করি নি ....

— কার্ডিনাল - মনিকা

67

এখানে সঠিক সমাধান যে আসলে ক্রস ব্রাউজার সমর্থনের আছে:

  br {
        line-height: 150%;
     }

— htmldrum
সূত্র

1

যতদূর আমি বলতে পারি আই 7 নয়।

— সেরিহি

30

এটি একটি লাইন বিরতির উচ্চতা বাড়ানোর জন্য কাজ করে তবে তা হ্রাস করে না।

— প্লুটো

2

@htmldrum যখন আপনার এইচটিএমএল পরিবর্তনের কোনও সুযোগ নেই তবে কেবল সিএসএস, এটি দুর্দান্ত কাজ করে। ধন্যবাদ! এটি upvoteed এবং সঠিক উত্তর হিসাবে বিবেচনা করা উচিত। আমি মনে করি.

— flaschbier

@ প্লুটো: নীজের নীচের উত্তরটি আমার উচ্চতা হ্রাস করতে কাজ করে!

— অনুপম

2

দুর্ভাগ্যক্রমে, ক্রোম v.76 এ আর কাজ করছে না। এজ এবং আই এর জন্য আপনাকে উল্লম্ব-সারিবদ্ধ: শীর্ষও যুক্ত করতে হবে। আমি এখানে একটি সমাধান পোস্ট করেছি: stackoverflow.com/a/29674365/562862

— ডেভ বার্টন

48

সুতরাং, উপরের উঁকি দেওয়া মূলত একটি অনুরূপ উত্তর পেয়েছে, তবে এখানে এটি খুব সংক্ষিপ্তভাবে রয়েছে। অপেরা, ক্রোম, সাফারি এবং ফায়ারফক্সে কাজ করে, সম্ভবত আইইও?

br {
            display: block; /* makes it have a width */
            content: ""; /* clears default height */
            margin-top: 0; /* change this to whatever height you want it */
}

— আইজাক মিনোগ
সূত্র

3

এই. এটি ঠিক যেমনটি বলা হয়েছে প্রশ্নের তুলনায় সঠিক। এবং এটি পৃষ্ঠায় একমাত্র উত্তর যা আমার যা করার দরকার তা আসলে করেছিল did

— Xodarap777

আমি লিখিত সামগ্রীটি সংশোধন না করা পর্যন্ত অন্য কোনও উত্তর আমার পক্ষে কাজ করেনি। এটি সঠিক উত্তর, আইএমও।

— Xandor

39

আর একটি উপায় হ'ল এইচআর ব্যবহার করা । তবে, এবং এখানে চতুর অংশটি, এটি অদৃশ্য করে তুলুন।

এভাবে:

<hr style="height:30pt; visibility:hidden;" />

এইচআর ব্যবহার করে একটি ক্লিনার বিআর ব্রেক সিমুলেটেড করতে: বিটিডাব্লু সমস্ত ব্রাউজারে কাজ করে !!

{ height:2px; visibility:hidden; margin-bottom:-1px; }

— সাইমন স্মিথ
সূত্র

1

আমাকে মার্জিন যুক্ত করতে হয়েছিল:

— আইই

34

এটি এইচটিএমএল ট্যাগগুলির ভয়াবহ অপব্যবহার, মার্জিন সহ একটি ব্যবহার করা ভাল এবং তারপরে একটি ধ্বংস করুন<hr />

— সেরজ সাগান

এই কৌশলটি ভাল, তবে আরও সঠিক ফলাফল পেতে আপনাকে মার্জিন: 0 এবং সীমানা: 0 ব্যবহার করতে হবে

— MAChitgarha

25

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

— মাইকেল বর্গওয়ার্ট
সূত্র

1

দেখে মনে হচ্ছে আসলে উপায় নেই is আমি এমনকি খেলতে চেষ্টা করেছি: পূর্বে এবং: বৈশিষ্ট্যগুলির পরে, কিন্তু ... :(

— n1313

1

আমি জানি এটি অত্যন্ত পুরানো, তবে @ ইসাক মিনোগের এটি করার একটি বৈধ উপায় রয়েছে। contentসম্পত্তি পরিবর্তন করা কৌশলটি করে।

— Xandor

22

আমার সবেমাত্র এই সমস্যা হয়েছিল, এবং আমি এটি ব্যবহার করে এটি পেয়েছিলাম

<div style="line-height:150%;">
    <br>
</div>

— নিগেল
সূত্র

এটি দুর্দান্ত কাজ করে এবং @ এইচটিএমলড্রামের উত্তরের সীমাবদ্ধতাও পেয়েছে

— অনুপম

11

আপনি সেই উপাদানটির উপর লাইন-উচ্চতা প্রয়োগ করতে পারেন , তাই লাইনগুলি আরও বড় হয়।

— Yoda
সূত্র

4

হ্যাঁ, অবশ্যই, তবে এটি আমি চাই না।

— n1313

1

আপনি যা চান তার চেয়ে কীভাবে তা আলাদা হবে? এটি লাইনগুলির মধ্যে স্থান বাড়িয়ে তুলবে।

— জার্গ

আমার লেখায় আমার কাছে নয়টি ব্লাছের চেয়ে একটু বেশি আছে। কয়েক কিলোবাইট পাঠ্যের কল্পনা করুন, তিনটি ব্লকের তিনটি ব্লকে বিভক্ত।

— n1313

আপনি যদি  ট্যাগটিতে লাইন-উচ্চতা প্রয়োগ করেন তবে জোর করে রেখা বিরতি মোড়ানো লাইন ব্রেকগুলির চেয়ে বড় হবে ...

— পেরিরিক্স

1

আপনি আরও মনে করেন যে আপনি ব্যবহার না করে তিনটি অনুচ্ছেদ চান

— ক্রিস চিলভার্স

7

আমি আগে :before/ :afterসিএসএস 2 সিউডো-এলিমেন্ট চেষ্টা করে দেখিনি, মূলত কারণ এটি কেবল আইই 8 তে সমর্থিত (এটি আইই ব্রাউজারগুলির ক্ষেত্রে) । এটি একমাত্র সম্ভাব্য সিএসএস সমাধান হতে পারে:

br:before {
    display: block;
    margin-top: 10px;
    content: "";
}

এখানে একটি হল উদাহরণস্বরূপ উপর QuirksMode ।

— ফিলিপ দুপানোভিও ć
সূত্র

হ্যাঁ, আমার পক্ষে উচ্চ প্রত্যাশা ছিল: আগে {সামগ্রী before; খুব, কিন্তু এটি আমাকে ব্যর্থ করেছিল।

— n1313

এটি কোথাও ইনজেক্ট করুন, এটি কাজ করা উচিত। হায়, এটি আই 6/7 এ কাজ করে না।

— ফিলিপ দুপানোভিć

5

আমার মনে হয়েছিল যে আপনি ব্যবহার করতে পারবেন:

br:after {
    content: ".";
    visibility: hidden;
    display: block;
}

তবে এটি ক্রোম বা ফায়ারফক্সে কাজ করে না।

কেবল ভেবেছি আমি উল্লেখ করেছি যে এটি যদি অন্য কারওর সাথে ঘটে থাকে এবং আমি তাদের সমস্যাটি বাঁচাতে পারি।

— স্যাম লোরি
সূত্র

5

br {   
    content: "";
    margin: 2em;
    display: block;
    margin-bottom: -20px; 
 }

ফায়ারফক্স, ক্রোম এবং সাফারিতে কাজ করে। এক্সপ্লোরার পরীক্ষা করা হয়নি। (উইন্ডোজ-ট্যাবলেটটি পাওয়ার বাইরে রয়েছে of)

লাইন ব্রেক, ফন্ট-আকার ফায়ারফক্স এবং সাফারিতে আলাদাভাবে কাজ করে।

— DeFliGra
সূত্র

আপনার সিএসএসের কোন অংশটি সমস্যার সমাধান করেছে সে সম্পর্কে আপনি আরও নির্দিষ্ট করে বলতে পারেন? এটি অন্যদের উত্তর বুঝতে সাহায্য করবে।

— ফ্রাঙ্ক ব্রাইস

আমার জন্য বেশ ভাল কাজ, ধন্যবাদ! তবে একরকম তথ্যের অভাব রয়েছে।

— Vinícius মোরেস

4

মজার বিষয় হল, যদি ব্রেক ট্যাগটি নিম্নরূপে পূর্ণ ফর্মে লেখা থাকে:

<br></br>

তারপরে CSS লাইন-উচ্চতা: 145% কাজ করে। ব্রেক ব্রেকটি যদি লেখা থাকে:

<br> or 
<br/>

তবে এটি কমপক্ষে ক্রোম, আইই এবং ফায়ারফক্সে কাজ করে না। অদ্ভুত!

— keithphw
সূত্র

4

আমার জন্য যা কাজ করে তা অনুচ্ছেদ ট্যাগের মধ্যে এই ইনলাইনটি যুক্ত করছে ... তবে সেরা সমাধান নয়।

<br style="line-height:32px">

-------- সম্পাদনা করুন ---------

আমি এটি দিয়ে পিসি / ম্যাকের সাথে সমস্যা নিয়ে এসেছি ... এটি পাঠ্যটিকে নতুন লাইন-উচ্চতা দেয় কিন্তু লাইন ব্রেকটি করে না ... আপনি নিজে কিছু পরীক্ষা করতে চাইতে পারেন। দুঃখিত!

— robinwkurtz
সূত্র

আইওএসের একটি ইউআইউইভিউভিউয়ের ভিতরে পিক্সেল স্তরে উলম্ব আকার পরিচালনা করার জন্য আমার পক্ষে কাজ করেছে।

— দিওয়ান

আমি এটি দিয়ে পিসি / ম্যাকের সাথে সমস্যা নিয়ে এসেছি ... এটি পাঠ্যটিকে নতুন লাইন-উচ্চতা দেয় কিন্তু লাইন ব্রেকটি করে না ... আপনি নিজে কিছু পরীক্ষা করতে চাইতে পারেন। দুঃখিত!

— রবিনউকুর্তজ

4

এবং মনে রাখবেন যে <hr>কোথাও প্রস্তাবিত ট্যাগ ব্যবহার করে (ভুল) ট্যাগটি শেষ হবে , সুতরাং সেই সমাধানটি ভুলে যান।
যদি f.ex. আশেপাশে কিছু স্টাইল করা হয় , style োকানোর পরে সেই স্টাইলটি বাকী সামগ্রী রেখে <hr>যায়।

— Niels
সূত্র

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

— গ্লিচ ডিজায়ার

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

— নিলস

4

এখানে একটি সমাধান যা আইই, ফায়ারফক্স এবং ক্রোমে কাজ করে। ধারণাটি হ'ল বিআর উপাদানটির ফন্টের আকার 14px এর শরীরের আকার থেকে বাড়িয়ে 18px করা এবং উপাদানটি 4px দ্বারা কম করা যাতে অতিরিক্ত আকার পাঠ্য লাইনের নীচে থাকে। ফলাফলটি Br এর নীচে 4px অতিরিক্ত সাদা স্থান।

br 
{ 
font-size: 18px; 
vertical-align: -4px; 
}

— ডেভিড শেকড
সূত্র

কেবল ব্যবহার করে vertical-alignমনে হচ্ছে brট্যাগটি দিয়ে কৌশলটি করা হয়েছে । আমি এটি 11 এ পরীক্ষা করেছি

3

13 সেপ্টেম্বর, 2019 আপডেট হয়েছে:

আমি  যখন একটি প্রয়োজন তখন একটি বড় আকারের লাইন ব্রেক করতে ব্যবহার করি। আজ অবধি, আমি এটি এটিকে স্টাইল করেছি:

br.big {line-height:190%;vertical-align:top}

( vertical-align:topকেবলমাত্র আইই এবং এজের জন্য এটি প্রয়োজন ছিল))

এটি যে সমস্ত প্রধান ব্রাউজারগুলিতে আমি চেষ্টা করেছি সেগুলিতে কাজ করেছিল: ক্রোম, ফায়ারফক্স, অপেরা, সাহসী, প্যালেমুন, এজ এবং আই 11।

তবে এটি সম্প্রতি ক্রোম-ভিত্তিক ব্রাউজারগুলিতে কাজ করা বন্ধ করে দিয়েছে : আমার "বড়" লাইন ব্রেকগুলি সাধারণ আকারের লাইন ব্রেকগুলিতে পরিণত হয়েছে।

(তারা কখন এটি ভেঙে দিয়েছে আমি ঠিক জানি না। সেপ্টেম্বর, 2019 এর পরে এটি এখনও আমার পুরানো ক্রোমিয়াম পোর্টেবল 55.0.2883.11 এ কাজ করে তবে এটি অপেরা 63.0.3368.71 এবং ক্রোমে 76.0.3809.132 (উভয় উইন্ডোজ) এ বিভক্ত এবং অ্যান্ড্রয়েড)।)

কিছু পরীক্ষা এবং ত্রুটির পরে, আমি নিম্নলিখিত বিকল্পটি দিয়ে শেষ করেছিলাম, যা এই সমস্ত ব্রাউজারের বর্তমান সংস্করণে কাজ করে:

br.big {display:block; content:""; margin-top:0.5em; line-height:190%; vertical-align:top;}

মন্তব্য:

line-height:190% Chrome- ভিত্তিক ব্রাউজারগুলির সাম্প্রতিক সংস্করণগুলি বাদে সবকিছুতে কাজ করে।

vertical-align:top আইই এবং এজের জন্য প্রয়োজন (এর সাথে মিলিয়ে) line-height:190%পূর্ববর্তী লাইনের পরে আংশিকভাবে আগে এবং আংশিকভাবে পরিবর্তিত হওয়ার পরিবর্তে অতিরিক্ত স্থান পাওয়ার )

display:block;content:"";margin-top:0.5em ক্রোম, অপেরা এবং ফায়ারফক্সে কাজ করে তবে এজ ও আইই নয়।

কোনও  ট্যাগের পরে কিছুটা অতিরিক্ত উল্লম্ব স্থান যুক্ত করার একটি বিকল্প (সরল) উপায় , যদি আপনি এইচটিএমএল সম্পাদনা করতে আপত্তি করেন না তবে এই জাতীয় কিছু রয়েছে। এটি সমস্ত ব্রাউজারে দুর্দান্ত কাজ করে:

<span style="vertical-align:-37%"> </span><br>

(আপনি অবশ্যই অবশ্যই বৃহত্তর বা ছোট ব্যবধানের জন্য "-৩%%" সামঞ্জস্য করতে পারেন)) এখানে একটি ডেমো পৃষ্ঠা রয়েছে যা থিমটিতে কিছু অন্যান্য প্রকারের অন্তর্ভুক্ত রয়েছে:

https://burtonsys.com/a_little_extra_vertical_space_for_br_tag.html

মে 28, 2020:

আমি ডেমো পৃষ্ঠা আপডেট করেছি; এটি এখন উপরের সমস্ত কৌশল প্রদর্শন করে:

https://burtonsys.com/a_little_extra_vertical_space_for_br_tag.html

— ডেভ বার্টন
সূত্র

2

মাইকেল এবং yoda উভয় ঠিক আছে। আপনি যা করতে পারেন তা ট্যাগটি হ'ল যা একটি ব্লগ ট্যাগ হ'ল নীচের ব্লকটি অফসেট করতে নীচে-মার্জিন ব্যবহার করে, যাতে আপনি বড় স্পেসিংয়ের জন্য এর অনুরূপ কিছু করতে পারেন:

<p>
    A block of text.
</p>
<p>
    Another block
</p>

আরেকটি বিকল্প হ'ল ব্লক <hr>ট্যাগটি ব্যবহার করা , যার সাহায্যে আপনি স্পেসিয়ালি স্পেসিংয়ের উচ্চতা নির্ধারণ করতে পারেন।

— ফিলিপ দুপানোভিও ć
সূত্র

1

আপনার উত্তরের জন্য আপনাকে ধন্যবাদ, তবে আমি বলেছি যে এই মুহুর্তে আমি এই বিন্যাসটি পরিবর্তন করতে পারি না। অবশ্যই, আমি এটি সানারের কিছুতে পরিবর্তন করব যখন এটি সম্ভব হবে তবে এখনই - দুঃখিত।

— n1313

1

 আপনার পাঠ্য-পূর্ণ সারির যতটা জায়গা নেবে , আপনি এটি পরিবর্তন করতে পারবেন না। আপনি যদি বড় চান, এর অর্থ আপনি অনুচ্ছেদে আলাদা করতে চান, তাই অন্যটি যুক্ত করুন । আপনি যা করতে পারেন তার সবচেয়ে বেশি শব্দার্থক হতে ভুলবেন না;)

— ক্লিমেন্ট হেরেম্যান
সূত্র

1

আপনি CSS এ "ব্লক-উদ্ধৃতি" বৈশিষ্ট্যও ব্যবহার করতে পারেন। এটি এটি তৈরি করবে যাতে এটি আপনার স্বতন্ত্র রেখাগুলিকে প্রভাবিত করে না তবে আপনাকে অনুচ্ছেদ বা "ব্লক কোট" এর মধ্যে কেবল বিরতির জন্য প্যারামিটার সেট করতে দেয়।

আপডেট:
আমি সংশোধন দাঁড়িয়ে। "ব্লককোট" আসলে একটি এইচটিএমএল সম্পত্তি। আপনি এটি আপনার কাজের চারপাশে এবং এর মতো ব্যবহার করেন। তারপরে আপনি CSS এর মতো আপনার ব্লক উদ্ধৃতিটির জন্য পরামিতিগুলি সেট করতে পারেন

blockquote { margin-top: 20px }

আশাকরি এটা সাহায্য করবে. এটি বিআর-এ পরামিতিগুলি সেট করার অনুরূপ এবং ক্রস ব্রাউজারের সাথে সামঞ্জস্যপূর্ণ বা নাও হতে পারে।

— Jonn
সূত্র

এই সম্পত্তিটির কথা আমি এই প্রথম শুনি। আপনি কি আরও বিস্তারিতভাবে ব্যাখ্যা করতে পারেন, দয়া করে?

— n1313

আমি সংশোধন করেছি. "ব্লককোট" আসলে একটি এইচটিএমএল সম্পত্তি। আপনি এটি আপনার কাজের চারপাশে এবং এর মতো ব্যবহার করেন। তারপরে আপনি ব্লককোট {মার্জিন-টপ: 20px} ইত্যাদি ইত্যাদির মতো CSS তে আপনার ব্লক উদ্ধৃতিটির জন্য প্যারামিটারগুলি সেট করতে পারেন

— জন

1

আপনি কোনও বিআর এর উচ্চতা সামঞ্জস্য করতে সক্ষম বলে মনে হচ্ছে না, তবে আপনি প্রদর্শনটি ব্যবহার করে এটি নির্ভরযোগ্যভাবে অদৃশ্য করতে পারেন: কোনওটি নয়

নিম্নলিখিতগুলির সমাধান অনুসন্ধান করার সময় এই পৃষ্ঠাটি জুড়ে এসেছিল:

আমার এমন একটি পরিস্থিতি রয়েছে যেখানে তৃতীয় পক্ষের পেমেন্ট গেটওয়ে (ওয়ার্ল্ডপেই) কেবলমাত্র তাদের পেমেন্ট পৃষ্ঠাগুলিকে 10 কে সর্বোচ্চ 10 টি সিএসএস এবং এইচটিএমএল (কোনও স্ক্রিপ্ট অনুমোদিত নয়) দিয়ে দেয় যা তাদের টেমপ্লেটের শরীরে ইনজেকশন দেয় এবং কয়েকটি বিআর এর পরে, ফন্ট ট্যাগস ইত্যাদি দেয় custom তাদের আইটিডি এর সাথে মিলিত হয়েছে যা আই 7/8 কে কুইর্কস মোডে জোর করে, এটি ক্রস ব্রাউজারের কাস্টমাইজেশনটিকে যত শক্তিশালী করে তোলে!

বিআর এর বন্ধ করা জিনিসগুলিকে অনেক বেশি সুসংগত করে তোলে ...

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

1

আমি এই পদ্ধতিগুলি ব্যবহার করি তবে ক্রস ব্রাউজার কিনা তা আমি জানি না

================ পদ্ধতি 1 ===================

br {
    display:none;
}

অথবা

================ পদ্ধতি 2 ===================

br {
    display: block;
    margin-bottom: 2px;
    font-size:2px;
    line-height: 2px;
}
br:before {
    display: block;
    margin-top: 2px;
    content: "";
}
br:after {
    content: ".";
    visibility: hidden;
    display: block;
}

অথবা

================ পদ্ধতি 3 ===================

br:after { content: "" }
br { content: "" }

— T.Todua
সূত্র

প্রদর্শনের জন্য upvote: কিছুই না। এটাই আমি শেষ করেছিলাম!

— ব্রায়ান

1

line-heightআপনার pট্যাগটিতে সিএসএস অ্যাট্রিবিউট ব্যবহার করার চেষ্টা করুন br। মনে রাখবেন আপনি যদি idনিজের pট্যাগগুলি আলাদা করতে চান তবে আপনি এটি করতে পারেন, যদিও এটি divআইএমও বিচ্ছিন্নতার জন্য ভাল ব্যবহার করা যেতে পারে ।

— Drizien
সূত্র

1

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

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

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

— JRodDynamite

আমি একমত নই ওপিএস প্রশ্নটি ছিল একটি লাইন বিরতির উচ্চতা কীভাবে সমন্বয় করা যায়। আপনি পারবেন না, তাই আপনি পছন্দসই প্রভাব অর্জনের জন্য লাইন-উচ্চতা সামঞ্জস্য করুন।

— ড্যানিয়েল সিদ্দল

1

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

সুতরাং, বাক্সের বাইরে চিন্তা করে আমি ফন্ট-আকার (পিটিতে) সামঞ্জস্য করে উল্লম্ব আকার পরিবর্তন করেছি।

<font style="font-size: 4pt"><br></font>

— দামির ওলেজার
সূত্র

0

<span style="line-height:40px;"><br></span>

আপনাকে এই ইনলাইনটি এবং প্রতিটি
উপাদানটি করতে হবে তবে কাঙ্ক্ষিত প্রভাব পেতে লিংনের উচ্চতা সহ বেশিরভাগ ব্রাউজারগুলিতে কাজ করা উচিত iddle যদি আপনি এটিকে প্রতিটি উপাদানটিতে ইনলাইন করেন তবে এটি বেশিরভাগ ব্রাউজার এবং ই-মেল জুড়ে কাজ করা উচিত (তবে এটি এখানে আলোচনা করা খুব জটিল)।

— লিয়াম
সূত্র

1

আপনি উদাহরণ দিতে যাচ্ছেন না কেন তাহলে কেন এই পোস্ট? সাইটের পুরো ধারণাটি হ'ল আপনি এটি নিয়ে আলোচনা করবেন ।

— পল

0

স্প্যান ট্যাগ থেকে কাজ করার জন্য শৈলীর ব্যবধানটি না পেয়ে আমি এই কৌশলটি করেছি:

        <p style='margin-bottom: 5px' >
            <span>I Agree</span>
        </p>
        <span>I Don't Agree</span>

— জিন বো
সূত্র

0

ব্যবহার <div>

<div>Content 1</div>Content 2

এটি কোনও উল্লম্ব স্থান ছাড়াই একটি নতুন লাইনের অনুমতি দেয়।

এটি হয়ে যায়

<div>Content 1</div>Content 2

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

— জোশ গিন
সূত্র

0

 ট্যাগের কারণে স্থানের ব্যবস্থায় সমস্যাগুলি ঠিক করতে পারছেন এমন যারা এখানে এসেছেন তাদের পক্ষে আরও সাধারণ স্তরের জবাব দেওয়া । পিক্সেল নিখুঁত কাছাকাছি পেতে আমাকে অনেক রিসেট করতে হবে।

br {
    content: " ";
    display: block;
}

যে নির্দিষ্ট ইস্যুকে আমি সম্বোধন করছিলাম তার জন্য আমাকে লাইনের মধ্যে একটি নির্দিষ্ট স্থান থাকতে হয়েছিল। আমি উপরের এবং নীচে একটি মার্জিন যুক্ত করেছি।

br {
    content: " ";
    display: block;
    margin: 0.25em 0;
}

— JGallardo
সূত্র

0

আমি সমাধানের কম্বো ব্যবহার করে এটি আই 7 এ কাজ করতে পেরেছি, তবে মূলত নাইজেল এবং অন্যরা পরামর্শ হিসাবে ব্রুকে ডিআইভিতে মোড়ানো। আইডি যুক্ত করা হয়েছে এবং = "সার্ভার" এ চালানো হয়েছে যাতে চেকবক্সগুলির সারি থেকে চেকবক্সটি সরানোর সময় আমি বিআরটি সরিয়ে ফেলতে পারি।

.narrow {
    display: block;
    margin: 0px;
    line-height: 0px;
    content: " "; 
}

<div class="narrow" run at="server"><br></br></div>

— জন রিডহলম
সূত্র

0

দুটি বিআর ট্যাগ ব্যবহার করা হতে পারে সবচেয়ে সহজ সমাধান যা সমস্ত ব্রাউজারগুলির সাথে কাজ করে। তবে এটি পুনরাবৃত্তিযোগ্য।

<p>
content
</p>
<br /><br />
<p>
content
</p>
<br /><br />
<p>
content
</p>

— মিলাউড এলৌমরি
সূত্র

0

লাইনের বিরতির পরিবর্তে ঠিক কীভাবে একটি অনুচ্ছেদ যুক্ত করা যায়

ব্লে লা লা ব্লে ব্লে আবলা লা লা ব্লে ব্লা আবলা লা লা ব্লে ব্ল এ

তারপরে আপনি লাইন হাইট বা প্যাডিং বা সেই পি এর জন্য যা কিছু নির্দিষ্ট করতে পারেন

— user7212232
সূত্র

হ্যাঁ, আমি এবং উভয়ের জন্যই "বড়" শ্রেণিটি সংজ্ঞায়িত করেছি। " " রেখার মাঝে স্থান যোগ করে এবং "" অনুচ্ছেদের আগে স্থান যোগ করে: ‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍ইইইইইউইউবিআইপি {প্রদর্শন: ব্লক; বিষয়বস্তু: ""; মার্জিন-শীর্ষ: 0.5em; লাইন-উচ্চতা: 190%, উল্লম্ব-সারিবদ্ধ: শীর্ষ;; ‍‍‍‍‍‍‍‍‍‍‍.ি.পিগবিগ {মার্জিন-শীর্ষ: 1.5 মিমি ‍ ‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍ইন একটি সমস্যাটি হ'ল এটি ইমেল প্রোগ্রামগুলির দ্বারা বেমানান স্টাইলযুক্ত। অনুচ্ছেদে বিরতি সম্বলিত ইমেল পাঠ্য যখন ইমেল প্রত্যুত্তরে "উদ্ধৃত" হয়, তখন অনুচ্ছেদের মধ্যে ব্যবধানটি প্রায়শই মারাত্মকভাবে পরিবর্তিত হয়। তাই আমি ইমেলগুলিতে দ্বিগুণ লাইন ব্রেক (সিটিআরটিএল-প্রবেশ) ব্যবহার করার অভ্যাস করছি।

— ডেভ বার্টন

কিভাবে একটি উচ্চতা পরিবর্তন?

================ পদ্ধতি 1 ===================

================ পদ্ধতি 2 ===================

================ পদ্ধতি 3 ===================