Computer >> บทช่วยสอนคอมพิวเตอร์ >  >> การเขียนโปรแกรม >> HTML

วิธีป้องกันการขึ้นบรรทัดใหม่ในข้อความที่ระบุใน HTML

ใช้แท็ก <nobr> เพื่อป้องกันไม่ให้ข้อความที่ระบุขึ้นบรรทัดใหม่ใน HTML แท็ก <nobr> ใช้สั่งให้เบราว์เซอร์ไม่แบ่งบรรทัดข้อความที่กำหนด

แท็กนี้มักใช้ร่วมกับแท็ก <wbr> ซึ่งแนะนำให้เบราว์เซอร์รู้ว่าสามารถแบ่งบรรทัดได้ที่จุดใดในลำดับข้อความที่ปกติจะไม่สามารถแบ่งได้ แตกต่างจากแท็ก <br> ที่บังคับขึ้นบรรทัดใหม่เสมอ (แม้ภายในเนื้อหาที่มีแท็ก <nobr>) แท็ก <wbr> จะทำงานเฉพาะเมื่อวางอยู่ภายในเนื้อหาที่มีแท็ก <nobr> และจะแบ่งบรรทัดก็ต่อเมื่อบรรทัดปัจจุบันขยายเกินขอบเขตหน้าจอของเบราว์เซอร์

ตัวอย่าง

ลองรันโค้ดต่อไปนี้เพื่อป้องกันการขึ้นบรรทัดใหม่ในข้อความที่ระบุใน HTML:

<!DOCTYPE html>
<html>
  <head>
    <title>HTML nobr Tag</title>
  </head>
  <body>
    <nobr>This is a very long sequence of text that is forced to be
    on a single line, even if doing so causes <wbr />
    the browser to extend the document window beyond the size of the
    viewing pane and the poor user must scroll right <wbr />
    to read the entire line. </nobr>
  </body>
</html>

หมายเหตุ: แท็ก <nobr> และ <wbr> เป็นแท็กที่ล้าสมัย (deprecated) แล้ว ในปัจจุบันแนะนำให้ใช้ CSS property white-space: nowrap; แทน ซึ่งให้การควบคุมที่ดีกว่าและเป็นมาตรฐาน