Sử dụng ký tự TAB thay vì ký tự SPACE cho thụt lề. Một ký tự TAB xuất hiện khi bạn nhấn Tab. Một ký tự SPACE khi bạn nhấn Space
tab thông minh
Sử dụng kết hợp các ký tự TAB và SPACE tùy thuộc vào ngữ cảnh
kích thước tab
Đặt kích thước của một ký tự TAB [trong một số ký tự SPACE]
thụt lề
Đặt kích thước của thụt lề [bằng một số ký tự SPACE]. Thụt lề là vị trí của văn bản so với lề. Trong trường hợp của chúng tôi, lề là một rãnh có số dòng
Tiếp tục thụt lề
Thêm một số ký tự SPACE vào thụt lề trên dòng tiếp theo cho biểu thức nhiều dòng. Xem xét ví dụ sau với chuỗi không thụt lề và căn chỉnh
Các tab hoàn hảo cho các ứng dụng web một trang hoặc cho các trang web có khả năng hiển thị các chủ đề khác nhau
London
London là thủ đô của nước Anh
Paris
Pari là thủ đô của nước Pháp
Tokyo
Tokyo là thủ đô của Nhật Bản
Tự mình thử »
Tạo các tab có thể chuyển đổi
Bước 1] Thêm HTMLVí dụ
Luân Đôn
Paris
Tokyo
London
London là thủ đô của nước Anh
Paris
Pari là thủ đô của nước Pháp
Tokyo
Tokyo là thủ đô của Nhật Bản
Tạo các nút để mở nội dung tab cụ thể. Tất cả các
các phần tử có class="tabcontent" được ẩn theo mặc định [với CSS & JS]. Khi người dùng nhấp vào nút - nó sẽ mở nội dung tab "khớp" với nút nàyBước 2] Thêm CSS
Tạo kiểu cho các nút và nội dung tab
Ví dụ
/* Tạo kiểu cho tab */
. tab {
tràn. bị ẩn;
đường viền. 1px solid #ccc;
màu nền. #f1f1f1;
}
/* Tạo kiểu cho các nút được sử dụng để mở nội dung tab */
. nút tab {
màu nền. kế thừa;
float. trái;
đường viền. không;
dàn ý. không;
con trỏ. con trỏ;
phần đệm. 14px 16px;
chuyển tiếp. 0. 3 giây;
}
/* Thay đổi màu nền của các nút khi di chuột */
. nút tab. di chuột {
màu nền. #ddd;
}
/* Tạo lớp liên kết tab đang hoạt động/hiện tại */
. nút tab. {
màu nền đang hoạt động. #ccc;
}
/* Tạo kiểu cho nội dung tab */
. tabcontent {
hiển thị. không;
phần đệm. 6px 12px;
đường viền. 1px solid #ccc;
đường viền trên cùng. không;
}
Ví dụ
function openCity[evt, cityName] {
// Khai báo tất cả các biến
var i, tabcontent, tablinks;
// Lấy tất cả các phần tử có class="tabcontent" và ẩn chúng
tabcontent = document. getElementsByClassName["tabcontent"];
for [i = 0; i < tabcontent. chiều dài; . Phong cách. display = "none";
tabcontent[i].style.display = "none";
}
// Lấy tất cả các phần tử có class="tablinks" và loại bỏ lớp "đang hoạt động"
tablinks = document. getElementsByClassName["tablinks"];
for [i = 0; i < tablinks. chiều dài; . className = tablinks[i]. tên lớp. replace[" active", ""];
tablinks[i].className = tablinks[i].className.replace[" active", ""];
}
// Hiển thị tab hiện tại và thêm lớp "hoạt động" vào nút đã mở tab
tài liệu. getElementById[cityName]. Phong cách. display = "block";
evt. Mục tiêu hiện tại. className += " active";
}
Mờ dần trong tab
Nếu bạn muốn làm mờ nội dung tab thì thêm CSS sau
Ví dụ
.tabcontent {
animation. Hiệu ứng mờ dần 1 giây;
}
/* Đi từ 0 đến độ mờ hoàn toàn */
@keyframes fadeEffect {
từ {độ mờ. 0;}
thành {độ mờ. 1;}
}
Hiển thị tab theo mặc định
Để mở một tab cụ thể khi tải trang, hãy sử dụng JavaScript để "nhấp" vào nút tab được chỉ định
Ví dụ
London
Tự mình thử »Đóng một tab
Nếu bạn muốn đóng một tab cụ thể, hãy sử dụng JavaScript để ẩn tab bằng một nút bấm
Ví dụ
London
London là thủ đô của nước Anh
x
Tự mình thử »
Mẹo. Ngoài ra, hãy xem Cách thực hiện - Tab dọc
Tôi chưa quen với php và muốn biết cách sắp xếp văn bản khi hiển thị trong php. Ví dụ: tôi muốn xuất như sau. Chào thế giới. Sau Thế giới tôi muốn tab và sau đó in. Tôi biết trong html, điều này có thể được thực hiện bằng cách đặt \t, tôi đã quá mệt mỏi với điều này trong php và nó không hoạt động. MỌI LỜI KHUYÊN SẼ LÀ SỰ GIÚP ĐỠ TUYỆT VỜI
Cảm ơn trước
Liên kết để bình luậnChia sẻ trên các trang web khác
đánh dấu thợ làm bánh
Đăng ngày 18 tháng 1 năm 2009
đánh dấu thợ làm bánh
- Các thành viên
- 1. 6k
- Địa điểm. Wigan, Tây Bắc nước Anh
- Chia sẻ
Đăng ngày 18 tháng 1 năm 2009
echo "Hello World\t!";
Sẽ hoạt động miễn là bạn đặt tất cả trong dấu ngoặc kép
Liên kết để bình luậnChia sẻ trên các trang web khác
hành lang
Đăng ngày 18 tháng 1 năm 2009
hành lang
- cựu nhân viên
- 8. 1k
- Chia sẻ
Đăng ngày 18 tháng 1 năm 2009
Bạn cũng có thể đặt một tab trong câu lệnh echo
Liên kết để bình luậnChia sẻ trên các trang web khác
tipjones
Đăng ngày 18 tháng 1 năm 2009
tipjones
- Thành viên mới
- 9
- Tác giả
- Chia sẻ
Đăng ngày 18 tháng 1 năm 2009
Cảm ơn,
Cái này đỡ nhưng khi dùng \t thì nó chỉ tab 1 lần thôi, làm cách nào để tab nhiều lần. Hoặc có thể bao gồm nhiều không gian. Tôi biết trong html bạn có thể bao gồm bao nhiêu lần bạn muốn có một khoảng trắng và nó sẽ bao gồm một khoảng trắng. Ngoài ra, tôi biết bạn có thể bao gồm " " trong php và nó sẽ cung cấp cho bạn một khoảng trống nhưng nếu bạn bao gồm " " thì nó cũng sẽ cung cấp một khoảng trống, tức là khoảng bốn khoảng trắng
Tôi đang cố gắng xuất nội dung sau nhưng có nhiều khoảng trắng ở giữa mỗi tiêu đề
Tên. Điện thoại. Địa chỉ nhà
Bất kỳ trợ giúp sẽ là một trợ giúp tuyệt vời
Liên kết để bình luậnChia sẻ trên các trang web khác
bồng bềnh
Đăng ngày 18 tháng 1 năm 2009
bồng bềnh
- Các thành viên
- 429
- Chia sẻ
Đăng ngày 18 tháng 1 năm 2009
Remember Mr. Tip Jones, what you echo in php is html. Multiple tabs: \t\t\t\t\t\t\t\t\t\t\t\t. A line break:
. Multiple spaces: .
Trong trường hợp của bạn, tôi muốn giới thiệu một cái bàn, giữ những chiếc ghế
Bạn có thể làm như vậy trong php của mình như vậy
echo "