আমি কীভাবে একটি নতুন লাইন শুরু করে ডিআইভি ট্যাগ প্রতিরোধ করব?

Question

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

<?php 
  echo("<a href=\"pagea.php?id=$id\">Page A</a>") 
?>
<div id="contentInfo_new">
  <script type="text/javascript" src="getData.php?id=<?php echo($id); ?>"></script>
</div>

আমি এখানে এটি পরিষ্কার করার চেষ্টা করেছি। আমি কীভাবে একক লাইনে এই প্রদর্শনী রাখতে পারি?

Comments

কেবল উল্লেখ করার জন্য, প্রতিধ্বনি ব্যবহার করার সময় আপনার বন্ধনীগুলির প্রয়োজন হবে না। echo $id;হিসাবে বৈধ echo($id);।

— এডি হার্ট

Answer 1

divট্যাগ যা আচরণ ঘটাচ্ছে একটি ব্লক উপাদান।

spanপরিবর্তে আপনার একটি উপাদান ব্যবহার করা উচিত , যা ইনলাইন।

আপনি যদি সত্যিই ব্যবহার করতে চান divতবে যুক্ত করুন style="display: inline"। (আপনি এটি একটি সিএসএস বিধিও রাখতে পারেন)

Comments

display: inlineডিআইভির জন্য কেবল তা বিরোধিতা করে, তাই দয়া করে এটি করবেন না! পরিবর্তে স্প্যান ব্যবহার করুন।

— রবার্ট কে

আমি সে সম্পর্কে ভালভাবে অবগত; এই জন্যই আমি লিখেছি if you really want to।

— স্লাকস

এইচটিএমএল 5 এর পূর্বে একটি ডিভ একটি পৃষ্ঠার বিভাগ হিসাবে সংজ্ঞায়িত করা হয়। এটি কোনও উপস্থাপনা বৈশিষ্ট্যের সাথে সংজ্ঞায়িত নয়। অন্য কথায় এটি একটি বিষয়বস্তু এবং উপাদানগুলির উপর নির্ভর করে তার সংজ্ঞা অনুসারে একটি ডিভ শব্দার্থগতভাবে উপযুক্ত। ফলস্বরূপ এটি প্রদর্শনের জন্য একটি ডিভি সেট করা পুরোপুরি ঠিক: ইনলাইন এবং কোনও শব্দার্থবিজ্ঞান বা মানক সংজ্ঞা লঙ্ঘন করে না।

আমার ক্ষেত্রে, আমি স্প্যান ব্যবহার করতে পারিনি, কারণ আমি একটি ব্রেক-ওয়ার্ড শব্দ মোড়ানো সম্পত্তি সংজ্ঞায়িত করতে চেয়েছিলাম, এবং কেবলমাত্র ব্লক ধরণের উপাদানগুলির জন্য এটি কাজ করে। তবে আমি ডিভ ব্যবহার করতে পারিনি, কারণ আমি একটি নতুন লাইন চাইনি। সুতরাং পরিবর্তে আমি ব্যবহার display: inline-blockএবং একটি ডিভ উপাদান। শৈলী সম্পর্কে আপনি কি চান বলুন, তবে এটি উভয় সমস্যার সমাধান করেছে।

— জাসারমা

এটা আমার জন্য কাজ করে না! আমি প্রত্যাশা করছিলাম যে এটি

— ডিভ

Answer 2

আমি বিশেষজ্ঞ নই তবে চেষ্টা করছি white-space:nowrap;

সাদা-স্পেস সম্পত্তি সমস্ত বড় ব্রাউজারে সমর্থিত।

দ্রষ্টব্য: মান "inherit"আই 7 এবং এর আগে সমর্থিত নয়। আইই 8 এর একটি প্রয়োজন !DOCTYPE। আইই 9 সমর্থন করে "inherit"।

Comments

আপনার যখন মোড়ানো উপাদান থাকা অবস্থায় লাইনের শেষে overflow: hidden

— মোড়

Answer 3

div এটি একটি ব্লক উপাদান, যা সর্বদা নিজস্ব রেখা গ্রহণ করে।

ব্যবহার spanপরিবর্তে ট্যাগ

Comments

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

তবে স্প্যানও এর আগে এবং পরে লাইন ব্রেক তৈরি করে?

— ব্যবহারকারী 3761308

Answer 4

style="display: inline"আপনার ডিভ যোগ করুন ।

Answer 5

ফ্লোট ব্যবহার করুন: ডিভ এবং লিঙ্কের বাম দিকে, অথবা একটি স্প্যান ব্যবহার করুন।

Answer 6

সিএসএস সম্পত্তি ব্যবহার করুন - সাদা স্থান: এখনই;

Answer 7

ব্রেক লাইনটি করার একটি আরও ভাল উপায় হ'ল সিএসএস স্টাইলের প্যারামিটার সাদা স্পেসের সাথে স্প্যান ব্যবহার করা: এখনইর্যাপ;

span.nobreak {
  white-space: nowrap;
}

or
span.nobreak {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

আপনার HTML এ সরাসরি উদাহরণ

<span style='overflow:hidden; white-space: nowrap;'> YOUR EXTENSIVE TEXT THAT YOU CAN´T BREAK LINE ....</span>

Answer 8

<div style="float: left;">
<?php 
  echo("<a href=\"pagea.php?id=$id\">Page A</a>") 
?>
</div>
<div id="contentInfo_new" style="float: left;">
  <script type="text/javascript" src="getData.php?id=<?php echo($id); ?>"></script>
</div>

Comments

জাভাস্ক্রিপ্ট + পিএইচপি ব্যবহার করার জন্য ভয়ানক ধারণা, যখন আপনি কেবল সিএসএস দিয়ে ভাল হতে পারেন।

— জুরাবওয়েব

@ পিয়েরো আপনি এটা কেন বলছেন? ফ্রন্ট এন্ড অ্যাপ্লিকেশনটির জন্য সাধারণত একটি ব্যাকএন্ডের প্রয়োজন হয়

— কৌতূহলী

@ উদ্বুদ্ধ সত্য, তবে ব্যাকএন্ডে গণনা এবং ডেটা হ্যান্ডলিংয়ের মতো ব্যাকএন্ড জিনিসগুলি নিয়ে কাজ করা উচিত, যখন ব্রাউজারগুলি প্রক্রিয়া করার জন্য সম্মুখভাগটি ছেড়ে দেওয়া উচিত। এটি সার্ভার লোড হ্রাস করে এবং ব্যবহারকারীর অভিজ্ঞতা উন্নত করে। এটি সাধারণ ভাষায়। এই বিশেষ ক্ষেত্রে, তবে <a href="pagea.php?id=<?php প্রতিধ্বনি ;?> "> পৃষ্ঠা এ </a> যথেষ্ট হবে। এবং getData.php এর সাথে, পিএইচপি পার্স এবং আউটপুট জাভাস্ক্রিপ্ট কেন থাকবে যদি এটি অ্যাপাচি দ্বারা পরিচালনা করা যায়? ভালো লেগেছে: src = "getData.js? Id = <? Php প্রতিধ্বনি $ ID;?>"

— জুরাব ওয়েব 12'16

Answer 9

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

#contentInfo_new br {display:none;}