Thuộc tính word-wrap (tự động ngắt dòng)

[ Tin nhắn mới · Thành viên · Quy tắc diễn đàn · Tìm kiếm · RSS]

THỐNG KÊ DIỄN ĐÀN
BÀI VIẾT MỚI	CHỦ ĐỀ SÔI ĐỘNG	THÀNH VIÊN TÍCH CỰC	THÀNH VIÊN MỚI
Chồng Nhâm Thâ... (1) Bộ sách về tử ... (1) Thuốc chữa bện... (1) Bệnh nhiệt miệ... (0) Tạo màng ngăn ... (0)	Tổng Hợp về YA... (13) Tăng font chữ ... (13) Tử vi năm Nhâm... (11) Phong thủy cho... (10) Thái cực quyền... (8)	TieuBao kcdl havanchan55 minzjkute 12a3	adjmkun60 thaybalau huyenntn17fsoft trininh0610 linhphuongcva

Page 1 of 1
1

DIỄN ĐÀN_VNTAMTAY » THƯ VIỆN WEBSITE » MÃ HTML & JAVASCRIPT » Thuộc tính word-wrap (tự động ngắt dòng) (Thuộc tính word-wrap (tự động ngắt dòng))

Thuộc tính word-wrap (tự động ngắt dòng)

TieuBao

Ngày: Thứ 3, 30-Aug-11, 21:05:03 | Bài viết # 1

Nhóm: Administrator

Số bài viết: 3090

Khen thưởng: 3

Được cảm ơn: 10001

Trạng thái: Offline

Thuộc tính word-wrap: cũng là thuộc tính mới được thêm vào trong CSS3. Đầu tiên thuộc tính này được Microsoft thêm vào trong trình duyệt IE để khắc phục lỗi không tự động xuống dòng khi có một đoạn văn bản quá dài vượt quá đối tượng chứa nó. Giờ đây thuộc tính này đã được đưa vào trong CSS3. word-wrap được hỗ trợ trong IE 5.5+, Firefox 3.5+, Chrome, Safari ...
Tác dụng chính của thuộc tính này là tự động xuống dòng (bẻ dòng) đối với những đoạn văn bản không chứa dấu cách và có độ dài vượt quá đối tượng chứa nó. Đây là lỗi mà chúng ta thường gặp nhất trong trường hợp các đoạn văn bản là những liên kết (url) Website mà có các tham số (Query string) quá dài. Để các bạn dễ hình dung tôi xin lấy ví dụ sau.
Ví dụ:
1. Đoạn văn bản sẽ không tự động xuống dòng khi đoạn văn bản quá dài mà không chứa dấu cách (space) word-wrap: