Hướng dẫn htmltab - htmltab

Khoảng cách có thể được thêm vào bằng cách sử dụng HTML và CSS bằng 3 cách tiếp cận:

Phương pháp 1: Sử dụng các ký tự đặc biệt được chỉ định cho các không gian khác nhau

& Nbsp; Thực thể nhân vật được sử dụng để biểu thị một không gian không phá vỡ là một không gian cố định. Điều này có thể được coi là hai lần không gian của một không gian bình thường. Nó được sử dụng để tạo một không gian trong một dòng không thể bị phá vỡ bằng cách bọc từ.  character entity used to denote a non-breaking space which is a fixed space. This may be perceived as twice the space of a normal space. It is used to create a space in a line that cannot be broken by word wrap.

& Ensp; Thực thể ký tự được sử dụng để biểu thị một không gian ‘en, có nghĩa là một nửa kích thước của phông chữ hiện tại. Điều này có thể được coi là hai lần không gian của một không gian bình thường. character entity used to denote an ‘en’ space which means half point size of the current font. This may be perceived as twice the space of a normal space.

& Emsp; Thực thể ký tự được sử dụng để biểu thị một không gian EM EM có nghĩa bằng với kích thước điểm của phông chữ hiện tại. Điều này có thể được coi là bốn lần không gian của một không gian bình thường. character entity used to denote an ’em’ space which means equal to the point size of the current font. This may be perceived as four times the space of a normal space.

Syntax:

Regular space:  
Two spaces gap: 
Four spaces gap: 

Example:

<html>

<head>

.tab {
        tab-size: 2;
    }
0<
.tab {
        tab-size: 2;
    }
2

.tab {
        tab-size: 2;
    }
4
.tab {
        tab-size: 2;
    }
5

.tab {
        tab-size: 2;
    }
0
.tab {
        tab-size: 2;
    }
7
.tab {
        tab-size: 2;
    }
2>

.tab {
        tab-size: 2;
    }
7head>

<

.tab {
    display: inline-block;
    margin-left: 40px;
}
4>

.tab {
        tab-size: 2;
    }
0<__28

.tab {
        tab-size: 2;
    }
0<787>

.tab {
        tab-size: 2;
    }
0<<3<4<3>

.tab {
        tab-size: 2;
    }
0<<3html0<3>

.tab {
        tab-size: 2;
    }
0<<3html6<3>

.tab {
        tab-size: 2;
    }
7
.tab {
    display: inline-block;
    margin-left: 40px;
}
4>

.tab {
        tab-size: 2;
    }
7html>

Trong mã trên, không gian thông thường và hai không gian & nbsp; và bốn mã khoảng trống không gian không thể nhìn thấy được, vì vậy đây là cách nó trông như thế nào

Hướng dẫn htmltab - htmltab


Output:

Phương pháp 2: Sử dụng thuộc tính kích thước tab để đặt khoảng cách cho các ký tự tab

Thuộc tính CSS cỡ tab được đặt số lượng khoảng trống mà mỗi ký tự tab sẽ hiển thị. Thay đổi giá trị này cho phép chèn lượng không gian cần thiết trên một ký tự tab. Tuy nhiên, phương pháp này chỉ hoạt động với văn bản được định dạng sẵn (sử dụng thẻ).

Ký tự tab có thể được chèn bằng cách giữ alt và nhấn 0 và 9 với nhau.

Syntax:

.tab {
        tab-size: 2;
    }

Example:

<html>

<head>

.tab {
        tab-size: 2;
    }
0<
.tab {
        tab-size: 2;
    }
2>

.tab {
        tab-size: 2;
    }
4
.tab {
        tab-size: 2;
    }
5

.tab {
        tab-size: 2;
    }
0
.tab {
        tab-size: 2;
    }
7
.tab {
        tab-size: 2;
    }
2>

.tab {
        tab-size: 2;
    }
0<
.tab {
    display: inline-block;
    margin-left: 40px;
}
9>

.tab {
        tab-size: 2;
    }
4head7

head8head9

.tab {
        tab-size: 2;
    }
4>1

.tab {
        tab-size: 2;
    }
4>3

head8>5

.tab {
        tab-size: 2;
    }
4>1

.tab {
        tab-size: 2;
    }
4>9

head8

.tab {
        tab-size: 2;
    }
01

.tab {
        tab-size: 2;
    }
4>1

.tab {
        tab-size: 2;
    }
0
.tab {
        tab-size: 2;
    }
7
.tab {
    display: inline-block;
    margin-left: 40px;
}
9>

.tab {
        tab-size: 2;
    }
7head>

<

.tab {
    display: inline-block;
    margin-left: 40px;
}
4>

.tab {
        tab-size: 2;
    }
0<__28

.tab {
        tab-size: 2;
    }
0<787>

Trong mã trên, không gian thông thường và hai không gian & nbsp; và bốn mã khoảng trống không gian không thể nhìn thấy được, vì vậy đây là cách nó trông như thế nào

Phương pháp 2: Sử dụng thuộc tính kích thước tab để đặt khoảng cách cho các ký tự tab

Thuộc tính CSS cỡ tab được đặt số lượng khoảng trống mà mỗi ký tự tab sẽ hiển thị. Thay đổi giá trị này cho phép chèn lượng không gian cần thiết trên một ký tự tab. Tuy nhiên, phương pháp này chỉ hoạt động với văn bản được định dạng sẵn (sử dụng thẻ).

.tab {
        tab-size: 2;
    }
7
.tab {
    display: inline-block;
    margin-left: 40px;
}
4>

.tab {
        tab-size: 2;
    }
7html>

Output:

Ký tự tab có thể được chèn bằng cách giữ alt và nhấn 0 và 9 với nhau.

.tab {
        tab-size: 2;
    }
4>3

Các

Syntax:

.tab {
    display: inline-block;
    margin-left: 40px;
}

Example:

<html>

<head>

.tab {
        tab-size: 2;
    }
0<
.tab {
        tab-size: 2;
    }
2>

.tab {
        tab-size: 2;
    }
4
.tab {
        tab-size: 2;
    }
5

.tab {
        tab-size: 2;
    }
0
.tab {
        tab-size: 2;
    }
7
.tab {
        tab-size: 2;
    }
2>

.tab {
        tab-size: 2;
    }
0<
.tab {
    display: inline-block;
    margin-left: 40px;
}
9>

.tab {
        tab-size: 2;
    }
4
.tab {
        tab-size: 2;
    }
84

head8

.tab {
        tab-size: 2;
    }
86

head8

.tab {
        tab-size: 2;
    }
88

Các

.tab {
        tab-size: 2;
    }
0
.tab {
        tab-size: 2;
    }
7
.tab {
    display: inline-block;
    margin-left: 40px;
}
9>

.tab {
        tab-size: 2;
    }
7head>

<

.tab {
    display: inline-block;
    margin-left: 40px;
}
4>

.tab {
        tab-size: 2;
    }
0<__28

.tab {
        tab-size: 2;
    }
0<787>

Trong mã trên, không gian thông thường và hai không gian & nbsp; và bốn mã khoảng trống không gian không thể nhìn thấy được, vì vậy đây là cách nó trông như thế nào

.tab {
        tab-size: 2;
    }
7
.tab {
    display: inline-block;
    margin-left: 40px;
}
4>

.tab {
        tab-size: 2;
    }
7html>

Output:

Phương pháp 2: Sử dụng thuộc tính kích thước tab để đặt khoảng cách cho các ký tự tab

Thuộc tính CSS cỡ tab được đặt số lượng khoảng trống mà mỗi ký tự tab sẽ hiển thị. Thay đổi giá trị này cho phép chèn lượng không gian cần thiết trên một ký tự tab. Tuy nhiên, phương pháp này chỉ hoạt động với văn bản được định dạng sẵn (sử dụng thẻ).