2009-01-08 48 views
61

Tôi muốn cung cấp một cuộn ngang cho một vùng văn bản trong trang HTML của tôi. Cuộn sẽ xuất hiện mà không cần gói, nếu tôi nhập một dòng dài mà không có ngắt dòng. Một vài người bạn đã đề xuất sử dụng thuộc tính CSS tràn, y không hoạt động cho tôi. Các trình duyệt mà tôi sử dụng là IE 6+ và Mozilla 3+.HTML Textarea scroll ngang

Trả lời

31

Để thiết lập không có bao bì, bạn sẽ sử dụng:

white-space: nowrap; 

Đối với các giá trị khác: https://developer.mozilla.org/en-US/docs/Web/CSS/white-space

Chú ý: Tuy nhiên, khấu hao wrap="off" có vẻ là cách duy nhất để hỗ trợ trình duyệt di sản. Mặc dù nó không tuân thủ HTML 5, nó vẫn là sở thích của tôi nếu bạn đang nhắm mục tiêu tất cả các trình duyệt.

+4

Điều này không hoạt động. Nó đặt tất cả văn bản, bao gồm nhiều dòng, trên cùng một dòng, không phải là hành vi mong muốn. –

+6

Để xem các dòng mới đúng cách, bạn phải sử dụng 'khoảng trắng: trước;'. – Jesse

4

Hãy thử những:

overflow: scroll; 
overflow-y: scroll; 
overflow-x: scroll; 
overflow:-moz-scrollbars-vertical; 

cũng phải là một moz-scrollbars-ngang

89

tôi đã tìm ra để làm điều đó một cách phi W3C tuân thủ và nó đang làm việc trong cả hai trình duyệt IE và Firefox cũng như tình cờ trong Chrome.

Tôi đã thêm thuộc tính wrap với giá trị off, nghĩa là <textarea cols=80 rows=12 wrap='off'> là những gì tôi đã làm.

+0

Đây là cách làm việc duy nhất, phù hợp hoặc cách khác. –

+0

Cách chính xác để thực hiện điều này là thông qua CSS như câu trả lời của [Aram Kocharyan] (http://stackoverflow.com/a/5104505/238722) chỉ ra. 'off' không phải là giá trị hợp lệ hoặc được công nhận của thuộc tính'