ডিভিএসে সিএসএস শব্দ-মোড়ানো

Question

আমার 250 ডিগ্রি প্রস্থের একটি ডিভ রয়েছে। যখন অভ্যন্তরীণ পাঠ্যটি এর চেয়ে প্রশস্ত হয় তখন আমি এটিটি ভেঙে যেতে চাই। ডিভিটি ভাসমান: বাম এবং এখন একটি ওভারফ্লো হয়েছে। আমি চাই স্ক্রোলবারটি শব্দ-মোড়ক ব্যবহার করে চলে যেতে পারে। আমি কীভাবে এটি অর্জন করতে পারি?

<div id="Treeview">
<div id="HandboekBox">
    <div id="HandboekTitel">
        <asp:Label ID="lblManual" runat="server"></asp:Label>
    </div>
    <div id="HandboekClose">
        <asp:ImageButton ID="btnCloseManual" runat="server" 
            ImageUrl="Graphics/close.png" onclick="btnCloseManual_Click" 
            BorderWidth="0" ToolTip="Sluit handboek" />
    </div>
</div>
<asp:TreeView ID="tvManual" runat="server" RootNodeStyle-CssClass="RootNode">
    <Nodes>

    </Nodes>
</asp:TreeView>
</div>

সিএসএস:

#Treeview
{
padding-right: 5px;
width: 250px;
height: 100%;
float: left;
border-right: solid 1px black;
overflow-x: scroll;
}

Answer 1

অ্যান্ড্রু যেমন বলেছিলেন, আপনার পাঠ্যটি ঠিক সেভাবে করা উচিত।

একটি উদাহরণ রয়েছে যা আমি ভাবতে পারি যে এটি আপনি যেভাবে পরামর্শ দেন সেভাবে আচরণ করবে এবং এটি যদি আপনার সাদা অংশের সম্পত্তি থাকে।

আপনার সিএসএসে কোথাও নিম্নলিখিতটি নেই কিনা দেখুন:

white-space: nowrap

এটি কোনও লাইন বিরতিতে বাধাগ্রস্থ না হওয়া অবধি একই লাইনে পাঠ্য চালিয়ে যেতে পারে।

ঠিক আছে, আমার ক্ষমা চাই, নিশ্চিত না যে সম্পাদনা করা হয়েছে বা পরে মার্ক-আপ যুক্ত করা হয়েছে (এটি প্রথমে দেখেনি)।

ওভারফ্লো-এক্স সম্পত্তি হ'ল স্ক্রোল বারটি প্রদর্শিত হচ্ছে। এটি সরান এবং ডিভটি আপনার সমস্ত পাঠ্যকে ধারণ করার মতো উচ্চতর হিসাবে সামঞ্জস্য করবে।

Comments

তুমি ঠিক বলছো. ট্রিভিউ মাইক্রোসফ্ট তৈরি করেছে এবং যখন আমি উত্সটি যাচাই করি, সর্বত্র শ্বেত-স্থান: নরপ ব্যবহার করা হয়

— মার্টিজন

অই ভাল. ফোনগ্যাপ + জ্যাকোয়ারি মোবাইলের মাধ্যমে অনেকগুলি স্টাইলের মধ্যে সাজানো যায়। "সাদা-স্থান: সাধারণ; ওভারফ্লো: অটো;" যোগ করে এটা আমার বাছাই করা।

— মাইকেল ব্লাকেনশিপ

white-space:normal;আপনার উপাদানটি white-space: nowrapতার পিতামাতার কাছ থেকে উত্তরাধিকার সূচনা করতে চেষ্টা করুন

— গর্ডন

Answer 2

বা সহজভাবে ব্যবহার

word-wrap: break-word;

IE 5.5+, ফায়ারফক্স 3.5+ এবং Chrome এবং সাফারি এর মতো ওয়েবকিট ব্রাউজারগুলিতে সমর্থিত।

Answer 3

চেষ্টা করুন white-space:normal;উত্তরাধিকার সূত্রে ওভাররাইড হবেwhite-space:nowrap;

Answer 4

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

overflow-x: scroll;

আপনি এটি সরিয়ে দিলে কি হবে?

Comments

তারপরে পাঠ্যটি সীমান্তরেখা পেরিয়ে যায়

— মার্টিজন

Answer 5

তুমি ব্যবহার করতে পার:

overflow-x: auto; 

আপনি যদি ওভারফ্লো-এক্সে 'অটো' সেট করেন তবে স্ক্রোলটি কেবল তখনই প্রদর্শিত হবে যখন ডিআইভি অঞ্চলের অভ্যন্তরের আকারটি সবচেয়ে বড়

Answer 6

আমি কিছুটা অবাক হলাম এটি কেবল তা করে না। ডিভের ভিতরে আরও একটি উপাদান থাকতে পারে যার প্রস্থটি 250 এর বেশি কিছুতে সেট করা যেতে পারে?

Answer 7

মাত্র প্রস্থ এবং ফ্লোট সিএসএস বৈশিষ্ট্য নির্ধারণ করা একটি মোড়ানো প্যানেল পেতে পারে। নিম্নোক্ত উদাহরণটি ঠিক কাজ করে:

<div style="float:left; width: 250px">
Pellentesque feugiat tempor elit. Ut mollis lacinia quam. 
Sed pharetra, augue aliquam   ornare vestibulum, metus massa
laoreet tellus, eget iaculis lacus ipsum et diam. 
</div>

সম্ভবত জায়গায় অন্য শৈলী আছে যা চেহারা পরিবর্তন করে?

Comments

এটি কাজ করে না। আমার ডিভিতে আমি হাইপারলিঙ্ক ব্যবহার করি। এর সাথে এর কিছু করার আছে?

— মার্টিজন

Answer 8

আমি খুঁজে পেয়েছি যে word-wrap: anywhereকাজ ( word-wrap: break-wordঅন্য উত্তরে উল্লিখিত হিসাবে বিপরীতে )।

আরো দেখুন:

"ওয়ার্ড-মোড়ানো" সিএসএস সম্পত্তিটিতে "কোথাও" এর অর্থ কী?