Thuộc tính white-space trong CSS

– Thuộc tính white-space xác định cách thức xử lý các dấu khoảng trắng & xuống dòng trong phần tử.

Ví dụ:

– Tôi có một đoạn mã như sau:

<p>HTML cực kỳ dễ học.       Đồng thời, 
      chúng tôi xin giới thiệu 

      đến các bạn loạt Tài liệu hướng dẫn    học 
      HTML đã được     biên soạn kỹ lưỡng theo trình tự từ 
      cơ bản đến nâng cao kèm 
      theo nhiều 
      ví dụ minh họa    đơn giản dễ hiểu. Hứa hẹn 
      sẽ giúp bạn đọc dễ dàng tiếp thu ngôn 
      ngữ HTML trong thời gian ngắn 


    nhất với khối lượng kiến thức đầy đủ nhất.</p>

– Khi đoạn mã đó được thực thi và hiển thị lên màn hình trình duyệt thì mặc định các dấu khoảng trắng liên tiếp sẽ bị gộp lại thành một và các dấu xuống dòng sẽ bị bỏ qua.

HTML cực kỳ dễ học. Đồng thời,
chúng tôi xin giới thiệu

đến các bạn loạt Tài liệu hướng dẫn học
HTML đã được biên soạn kỹ lưỡng theo trình tự từ
cơ bản đến nâng cao kèm
theo nhiều
ví dụ minh họa đơn giản dễ hiểu. Hứa hẹn
sẽ giúp bạn đọc dễ dàng tiếp thu ngôn
ngữ HTML trong thời gian ngắn

nhất với khối lượng kiến thức đầy đủ nhất.

– Tuy nhiên, với việc sử dụng thuộc tính white-space, ta có thể giữ nguyên các dấu khoảng trắng & xuống dòng.

HTML cực kỳ dễ học.       Đồng thời, 
    chúng tôi xin giới thiệu 

    đến các bạn loạt Tài liệu hướng dẫn    học 
    HTML đã được     biên soạn kỹ lưỡng theo trình tự từ 
    cơ bản đến nâng cao kèm 
    theo nhiều 
    ví dụ minh họa    đơn giản dễ hiểu. Hứa hẹn 
    sẽ giúp bạn đọc dễ dàng tiếp thu ngôn 
    ngữ HTML trong thời gian ngắn 


  nhất với khối lượng kiến thức đầy đủ nhất.

– Hoặc giữ nguyên các dấu xuống dòng.

HTML cực kỳ dễ học.       Đồng thời, 
    chúng tôi xin giới thiệu 

    đến các bạn loạt Tài liệu hướng dẫn    học 
    HTML đã được     biên soạn kỹ lưỡng theo trình tự từ 
    cơ bản đến nâng cao kèm 
    theo nhiều 
    ví dụ minh họa    đơn giản dễ hiểu. Hứa hẹn 
    sẽ giúp bạn đọc dễ dàng tiếp thu ngôn 
    ngữ HTML trong thời gian ngắn 


  nhất với khối lượng kiến thức đầy đủ nhất.