Làm Cách Nào để Chèn Khoảng Trắng / Tab Trong Văn Bản Bằng HTML ...

IT <code>
Câu hỏi
Bài viết
Giới thiệu
·

Liên hệ

·

Điều khoản sử dụng

·

Chính sách bảo mật

·

Chính sách Cookie

3/20/2012 6:35:05 PM152Làm cách nào để chèn khoảng trắng / tab trong văn bản bằng HTML / CSS?Lý Khải Tâm

18:35 20/03/2012 17 giờ trước

3/20/2012 6:35:05 PM152Làm cách nào để chèn khoảng trắng / tab trong văn bản bằng HTML / CSS?Lý Khải Tâm18:35 20/03/2012 17 giờ trước

Những cách có thể:<pre> … </pre>

hoặc làstyle=”white-space:pre”

Còn gì nữa không?

html
css
tabs
space
pre

152 hữu ích

4 bình luận

1.2m xem

chia sẻ

15 trả lời

Viết câu trả lời answer 118Huỳnh Công Phụng

00:56 04/02/2015 00:56:57 04/02/2015

15 trả lờiViết câu trả lời answer 118Huỳnh Công Phụng00:56 04/02/2015 00:56:57 04/02/2015

Để chèn tab spacegiữa hai từ / câu tôi thường sử dụng

&emsp; và &ensp; 118 hữu ích 0 bình luận chia sẻ answer 99Võ Ngọc Quỳnh · Võ Ngọc Quỳnh 20:53 20/03/2012 20:53:25 20/03/2012

trong trường hợp chiều rộng / chiều cao của không gian vượt quá  tôi thường sử dụng

cho miếng đệm ngang:<spanstyle=”display:inline-block;width: YOURWIDTH;”></span>

cho miếng đệm dọc:<spanstyle=”display:block;height: YOURHEIGHT;”></span> 99 hữu ích 0 bình luận chia sẻ answer 49Hoàng Thu Hạnh · Hoàng Thu Hạnh 18:39 20/03/2012 18:39:21 20/03/2012

Bạn có thể sử dụng  cho khoảng trắng, <cho <(ít hơn, số thực thể <) và >cho >(lớn hơn, số thực thể >).

Một danh sách đầy đủ có thể được tìm thấy tại địa chỉ này: http://www.w3schools.com/html/html_entities.asp 49 hữu ích 1 bình luận chia sẻ answer 36Phạm Tường Lĩnh · Phạm Tường Lĩnh 07:34 05/05/2016 07:34:17 05/05/2016

thử &emsp;

Theo các tài liệu tại https://www.w3.org/MarkUp/html3/specialchars.html

Các thực thể ký tự &ensp;và &emsp;biểu thị một không gian en và một không gian em tương ứng, trong đó một không gian en bằng một nửa kích thước điểm và một không gian em bằng với kích thước điểm của phông chữ hiện tại. Đối với phông chữ cố định, tác nhân người dùng có thể coi không gian en tương đương với ký tự khoảng trắng và không gian em tương đương với hai ký tự khoảng trắng.

36 hữu ích

0 bình luận

chia sẻ

answer 22Lê Kiên Giang

04:30 29/06/2015 04:30:53 29/06/2015

answer 22Lê Kiên Giang04:30 29/06/2015 04:30:53 29/06/2015

Tôi thích sử dụng cái này:

Trong CSS của bạn:.tab {display:inline-block;margin-left:40px;}

Trong HTML của bạn: <p>Some Text <spanclass=”tab”>Tabbed Text</span></p> 22 hữu ích 2 bình luận chia sẻ answer 14Ngô Duy Bảo · Ngô Duy Bảo 17:33 14/05/2013 17:33:04 14/05/2013<pstyle=”text-indent:5em;”> The first line of this paragraph will be indented about five characters, similar to a tabbed indent. </p>

Dòng đầu tiên của đoạn này sẽ được thụt vào khoảng năm ký tự, tương tự như thụt lề theo thẻ

Xem tại đây để biết thêm 14 hữu ích 0 bình luận chia sẻ answer 14Ngô Xuân Vũ · Ngô Xuân Vũ 12:28 02/09/2018 12:28:05 02/09/2018

Các loại Spacestrong HTML

Tạo bốn khoảng trắng giữa văn bản- &emsp;

Tạo hai khoảng trắng giữa văn bản – &ensp;

Tạo một không gian thường xuyên giữa các văn bản –  

tạo ra một không gian hẹp (tương tự như không gian thông thường nhưng khác biệt một chút – “&thinsp”;

khoảng cách giữa các câu – “</br>”

Liên kết này có thể giúp bạn. Hãy xem [ https://apse-www.harvard.edu/~fine/Tech/html-sentences.html] 14 hữu ích 0 bình luận chia sẻ answer 6Đặng Kim Thịnh · Đặng Kim Thịnh 05:35 23/06/2014 05:35:08 23/06/2014

<span style=”padding-left:68px;”></span> bạn cũng có thể sử dụng padding-pad pad-left padding-top padding-bottom 6 hữu ích 0 bình luận chia sẻ answer 3Lê Thùy Uyên · Lê Thùy Uyên 23:58 25/04/2016 23:58:19 25/04/2016

Nếu bạn đang yêu cầu các tab để căn chỉnh công cụ trong một số dòng bạn có thể sử dụng <table>

đặt từng dòng vào <tr> … </tr>

và từng yếu tố bên trong dòng đó trong <td> … </td>

và tất nhiên bạn luôn có thể điều khiển phần đệm của từng ô của bảng để điều chỉnh khoảng trống giữa chúng

Điều này sẽ làm cho chúng được căn chỉnh và chúng sẽ trông khá đẹp 🙂 3 hữu ích 3 bình luận chia sẻ answer 3Lê Bình Ðạt · Lê Bình Ðạt 10:19 22/11/2018 09:14:35 19/02/2021

Tại sao không đi một bước xa hơn @Ivar và tạo kiểu thẻ tùy chỉnh của riêng tôi như vậy .. Đối với tôi, ‘tab’ dễ nhớ và gõ hơn.tab { display:inline-block; margin-left:40px;}

Và việc triển khai HTML …<p>Left side of the whitespace<tab>Right side of the whitespace</p>

Và ảnh chụp màn hình của tôi … 3 hữu ích 0 bình luận chia sẻ answer 2Phan Tịnh Lâm · Phan Tịnh Lâm 05:54 17/11/2018 05:54:54 17/11/2018

Ngoài ra, được gọi là không gian cố định hoặc không gian cứng, SPace không phá vỡ (NBSP) được sử dụng trong lập trình và xử lý văn bản để tạo một khoảng trắng trong một dòng không thể bị phá vỡ bằng cách bọc từ. Với HTML,  cho phép bạn tạo nhiều khoảng trắng hiển thị trên một trang web và không chỉ trong mã nguồn. 2 hữu ích 0 bình luận chia sẻ answer 1Đặng Minh Tân · Đặng Minh Tân 04:10 11/01/2018 04:10:19 11/01/2018

Không gian màu trắng, bạn không thể sử dụng đệm? Đó là một ý tưởng, xin lỗi, nếu tôi không hiểu chính xác, nhưng đó là cách bạn có thể thêm một số “vùng trống” xung quanh thành phần của mình. Vì vậy, bạn có thể sử dụng các thẻ CSS sau:padding:5px; padding-top:5px; padding-bottom:5px; padding-left:5px; padding-right:5px;

Một lần nữa xin lỗi nếu đây không phải là những gì bạn đã sau. 1 hữu ích 0 bình luận chia sẻ answer 1Phan Minh Hiên · Phan Minh Hiên 21:11 21/01/2019 21:11:15 21/01/2019

Tại sao không chuẩn css tab-size? để chèn ký hiệu tab (nếu phím tab di chuyển con trỏ tiêu chuẩn) nhấn ALT + 0 + 0 + 9.element {-moz-tab-size:4;tab-size:4;}

tôi thích:*{-moz-tab-size:1;tab-size:1;}

xem đoạn trích hoặc ví dụ thành lập nhanh https://css-tricks.com/almanac/properIES/t/tab-size/

.t1{-moz-tab-size:1;tab-size:1;}.t2{-moz-tab-size:2;tab-size:2;}.t4{-moz-tab-size:4;tab-size:4;} pre {border:1px dotted;}<h3>tab = {default} space</h3><pre> one tab text two tab text </pre><h3>tab = 1 space</h3><preclass=”t1″> one tab text two tab text </pre><h3>tab = 2 space</h3><preclass=”t2″> one tab text two tab text </pre><h3>tab = 4 space</h3><preclass=”t4″> one tab text two tab text </pre>

1 hữu ích 0 bình luận chia sẻ answer 0Võ Tiến Nam · Võ Tiến Nam 12:42 31/10/2017 12:42:17 31/10/2017

Điều này làm việc cho tôi: Trong CSS của tôi, tôi có: `tab0 { position:absolute;left:25px;} tab1 { position:absolute;left:50px;} tab2 { position:absolute;left:75px;} tab3 { position:absolute;left:100px;} tab4 { position:absolute;left:125px;} tab5 { position:absolute;left:150px;} tab6 { position:absolute;left:175px;} tab7 { position:absolute;left:200px;} tab8 { position:absolute;left:225px;} tab9 { position:absolute;left:250px;} tab10 { position:absolute;left:275px;}

sau đó trong HTML tôi chỉ sử dụng các tab của mình:DogFood<tab3>:$30 Milk<tab3>:$3 PizzaKit<tab3>:$5 MtDew<tab3>:$1.75 0 hữu ích 0 bình luận chia sẻ answer 0Đỗ Khánh Quyên · Đỗ Khánh Quyên 22:00 16/12/2017 22:00:36 16/12/2017

Câu trả lời của user8657661 là gần nhất với nhu cầu của tôi (sắp xếp mọi thứ trên một số dòng.) Tuy nhiên, tôi không thể lấy mã ví dụ để hoạt động như được cung cấp, nhưng cần thay đổi nó như sau:<html><head><style>.tab9 {position:absolute;left:150px;}</style></head><body> Dog Food: <spanclass=”tab9″> $30</span><br/> Milk of Magnesia:<spanclass=”tab9″> $30</span><br/> Pizza Kit:<spanclass=”tab9″> $5</span><br/> Mt Dew <spanclass=”tab9″> $1.75</span><br/></body></html>

Nếu bạn cần các số được căn phải, bạn có thể thay đổi left:150pxthành right:150px, nhưng bạn sẽ cần thay đổi số dựa trên chiều rộng của màn hình (như đã viết, các số sẽ là 150px từ cạnh phải của màn hình.) 0 hữu ích 0 bình luận chia sẻ Xem nguồn: https://stackoverflow.com//questions/9792849/how-to-insert-spaces-tabs-in-text-using-html-css

Đăng nhập để trả lời câu hỏi

Không tìm thấy câu trả lời bạn tìm kiếm? Duyệt qua các câu hỏi được gắn thẻ

html

css

tabs

space

pre

, hoặc hỏi câu hỏi của bạn.

Làm Cách Nào để Chèn Khoảng Trắng / Tab Trong Văn Bản Bằng HTML …

Đăng nhập để trả lời câu hỏi

mtoplist