কীভাবে কোনও টেবিল ঘরের (একটি একক কক্ষ নয়) কলামে লাইন-ব্রেক রোধ করতে?


170

আমি কীভাবে টেবিলের একটি কলামে (একটি একক কক্ষ নয়) স্বয়ংক্রিয় রেখা বিরতি রোধ করতে পারি?


1
একটি উত্তর নির্বাচন করুন! ... এখন অনেক দেরী আমি মনে করি
জায়েউন লি

উত্তর:


258

আপনি সিএসএস শৈলী সাদা-স্থান ব্যবহার করতে পারেন:

white-space: nowrap;

4
আমি কোনও একক কক্ষ নয়, কোনও টেবিলের কলামে লাইন-ব্রেক রোধ করতে চাই।
স্টিভেন

11
তাহলে কলামের প্রতিটি ঘরে এটিকে যুক্ত করবেন?
ডেভিড এম

আপনি চাইবেন না এমন প্রতিটি টিডি সেলে একটি ক্লাস যুক্ত করুন, আপনি যদি এটি টেবিলের প্রতিটি কক্ষে প্রয়োগ না করতে চান তবে কেবল নির্দিষ্ট নির্দিষ্ট কক্ষগুলিতে প্রয়োগ করুন।
জেমস ব্ল্যাক

আমি এটি একই কলামের সমস্ত কক্ষে প্রয়োগ করতে চাই।
স্টিভেন

7
আপনি এই নিয়মটি নবম শিশু বাছাইকারী সিএসএস
ট্রিক্স.

36

সমাপ্তির জন্য:

#table_id td:nth-child(2)  {white-space: nowrap;}

the table_idটেবিলের 2 কলামে একটি শৈলী প্রয়োগ করার জন্য ব্যবহৃত হয় ।

এটি সমস্ত বড় ব্রাউজার দ্বারা সমর্থিত, আইই আইই 9 থেকে এটি সমর্থন করা শুরু করে।


19

নওর্যাপ স্টাইলটি ব্যবহার করুন:

<td style="white-space:nowrap;">...</td>

এটি সিএসএস!


আমি একই কলামের সমস্ত কক্ষে লাইন-ব্রেক রোধ করতে চাই।
স্টিভেন

17

শুধু যোগ কর

style="white-space:nowrap;"

উদাহরণ:

<table class="blueTable" style="white-space:nowrap;">
   <tr>
      <td>My name is good</td>
    </tr>
 </table>

এটি কি কেবল একটি পৃথক কলাম নয় পুরো টেবিলের (যেমন সমস্ত কলাম) প্রয়োগ করা হবে ?
জোশুয়া পিন্টার

15

এটি করার কয়েকটি উপায় রয়েছে; এগুলির কোনওটিই সহজ, সুস্পষ্ট উপায় নয়।

হোয়াইট স্পেস প্রয়োগ করা: এখন কোনওটিতে <col>কাজ করা চলবে না; <col>ব্যাকগ্রাউন্ড-রঙ, প্রস্থ, সীমানা এবং দৃশ্যমানতা - কেবলমাত্র চারটি সিএসএস বৈশিষ্ট্য উপাদানগুলিতে কাজ করে । আই 7 এবং এর আগে সমস্ত বৈশিষ্ট্য সমর্থন করত, তবে তারা অদ্ভুত টেবিল মডেল ব্যবহার করেছিল। আইই 8 এখন অন্য সবার সাথে মেলে।

সুতরাং, আপনি এই সমাধান কিভাবে?

ঠিক আছে, আপনি যদি আইই উপেক্ষা করতে পারেন (আইই 8 সহ), আপনি প্রতিটি সারি থেকে :nth-child()নির্দিষ্ট <td>গুলি নির্বাচন করতে সিউডোক্লাস ব্যবহার করতে পারেন । আপনি ব্যবহার করবেন td:nth-child(2) { white-space:nowrap; }। (এটি এই উদাহরণের জন্য কাজ করে তবে আপনার যদি কোনও সারিস্প্যান বা কলস্প্যান জড়িত থাকে তবে তা ভেঙে যায়))

যদি আপনাকে আইই সমর্থন করতে হয়, তবে আপনাকে আরও দীর্ঘ পথ যেতে হবে এবং <td>আপনি যে সকলকে প্রভাবিত করতে চান তার প্রতি ক্লাস প্রয়োগ করতে হবে। এটি স্তন্যপান, কিন্তু তাদের বিরতি।

দীর্ঘমেয়াদে, সিএসএসে এই অভাবটি সমাধানের প্রস্তাব রয়েছে, যাতে আপনি কলামের সমস্ত কক্ষে স্টাইলগুলি আরও সহজেই প্রয়োগ করতে পারেন। আপনি এর মতো কিছু করতে সক্ষম হবেন td:nth-col(2) { white-space:nowrap; }এবং এটি যা চান তা করবে।


13
<td style="white-space: nowrap">

nowrapঅ্যাট্রিবিউট আমি বিশ্বাস করি অসমর্থিত হয়েছে। উপরেরটি পছন্দসই উপায়।


6
<table class="blueTable">
  <tr>
     <td>My name is good</td>
   </tr>
</table> 
<style>   
    table.blueTable td,
    table.blueTable th {
        white-space: nowrap;
        /* non-question related further styling */
        border: 1px solid #AAAAAA;
        padding: 3px 2px;
        text-align: left;
    }
</style>

এটি এখন মান মূল্য সহ হোয়াইট স্পেস প্রোপার্টিটির একটি উদাহরণ, টেবিলের নীচে সিএসএস শৈলীর নীচে ব্লুয়েটেবল class


5

সাধারণ স্থানগুলির পরিবর্তে আপনার পাঠ্যে অ-ব্রেকিং স্পেস রাখুন। উবুন্টুতে আমি এটি (রচনা কী) -স্পেস-স্পেসের সাহায্যে করি।


5

এটি পুরো টেবিলটিতে প্রয়োগ করতে, আপনি এটি tableট্যাগের মধ্যে রাখতে পারেন :

<table style="white-space:nowrap;">

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