1.5k

Đây là một trong những vấn đề nhỏ về CSS làm tôi khó chịu. Làm thế nào để mọi người xung quanh Stack Overflow sắp xếp theo chiều dọc checkboxestrình duyệt chéolabels nhất quán của họ ? Bất cứ khi nào tôi căn chỉnh chúng chính xác trong Safari (thường sử dụng trên ), chúng sẽ hoàn toàn tắt trong Firefox và IE. Khắc phục sự cố trong Firefox và Safari và IE chắc chắn đã bị rối. Tôi lãng phí thời gian vào việc này mỗi khi tôi viết mã.vertical-align: baselineinput

Đây là mã tiêu chuẩn mà tôi làm việc với:

<form>
    <div>
        <label><input type="checkbox" /> Label text</label>
    </div>
</form>

Tôi thường sử dụng thiết lập lại của Eric Meyer, vì vậy các yếu tố hình thức tương đối sạch các phần ghi đè. Mong muốn bất kỳ lời khuyên hoặc thủ thuật mà bạn phải cung cấp!

|
955

Sau hơn một giờ điều chỉnh, thử nghiệm và thử các phong cách đánh dấu khác nhau, tôi nghĩ rằng tôi có thể có một giải pháp tốt. Các yêu cầu cho dự án cụ thể này là:

  1. Đầu vào phải trên dòng riêng của họ.
  2. Đầu vào hộp kiểm cần căn chỉnh theo chiều dọc với văn bản nhãn tương tự (nếu không giống hệt nhau) trên tất cả các trình duyệt.
  3. Nếu văn bản nhãn kết thúc tốt đẹp, nó cần được thụt lề (vì vậy không bao bọc bên dưới hộp kiểm).

Trước khi tôi nhận được bất kỳ lời giải thích nào, tôi sẽ chỉ cung cấp cho bạn mã:

label {
  display: block;
  padding-left: 15px;
  text-indent: -15px;
}
input {
  width: 13px;
  height: 13px;
  padding: 0;
  margin:0;
  vertical-align: bottom;
  position: relative;
  top: -1px;
  *overflow: hidden;
}
<form>
  <div>
    <label><input type="checkbox" /> Label text</label>
  </div>
</form>

Đây là ví dụ hoạt động trong JSFiddle .

Mã này giả định rằng bạn đang sử dụng một thiết lập lại như Eric Meyer không ghi đè lên lề và phần đệm của hình thức đầu vào (do đó đặt lề và phần đệm đặt lại trong CSS đầu vào). Rõ ràng trong một môi trường sống, có lẽ bạn sẽ lồng / ghi đè các công cụ để hỗ trợ các yếu tố đầu vào khác, nhưng tôi muốn giữ mọi thứ đơn giản.

Những điều cần lưu ý:

  • Các *overflowtuyên bố là một trình duyệt IE inline Hack (hack sao tài sản). Cả IE 6 và 7 sẽ chú ý đến nó, nhưng Safari và Firefox sẽ bỏ qua nó một cách chính xác. Tôi nghĩ rằng nó có thể là CSS hợp lệ, nhưng bạn vẫn tốt hơn với các bình luận có điều kiện; chỉ sử dụng nó cho đơn giản.
  • Theo cách tốt nhất tôi có thể nói, vertical-aligntuyên bố duy nhất phù hợp trên các trình duyệt là vertical-align: bottom. Đặt điều này và sau đó định vị tương đối hướng lên hành vi gần như giống hệt nhau trong Safari, Firefox và IE chỉ với một hoặc hai pixel khác biệt.
  • Vấn đề chính trong việc làm việc với sự liên kết là IE dính một loạt không gian bí ẩn xung quanh các yếu tố đầu vào. Nó không phải là đệm hoặc lề, và nó liên tục bị nguyền rủa. Đặt chiều rộng và chiều cao trên hộp kiểm và sau đó overflow: hiddenvì một số lý do sẽ cắt bớt không gian thừa và cho phép định vị của IE hoạt động rất giống với Safari và Firefox.
  • Tùy thuộc vào kích thước văn bản của bạn, bạn chắc chắn sẽ cần phải điều chỉnh vị trí tương đối, chiều rộng, chiều cao, v.v. để mọi thứ trở nên chính xác.

Hy vọng điều này sẽ giúp người khác! Tôi đã không thử kỹ thuật cụ thể này trên bất kỳ dự án nào khác ngoài dự án tôi đang làm vào sáng nay, vì vậy chắc chắn sẽ kết thúc nếu bạn tìm thấy một cái gì đó hoạt động ổn định hơn.

|
  • 1

    chú thích. Bạn có thể nên đặt thuộc tính "cho" trên nhãn của mình để đảm bảo nó hoạt động cho tất cả các trình duyệt và trình đọc văn bản. (Tôi nhận ra rằng bạn có thể đã bỏ qua nó vì đơn giản)

    – Đặng Thụy Uyên 21:34:52 26/11/2008
  • 1

    Thật đau buồn, tôi đã không nhận ra có bao nhiêu người không biết gì về điều này: nếu bạn đang bọc đầu vào trong thẻ nhãn, thuộc tính "for" là không cần thiết. Hãy tự mình xem: w3.org/TR/html401/interact/forms.html#h-17.9.1

    – Tạ Quang Khánh 17:33:00 28/11/2008
  • 1

    Tôi không đồng ý với đề nghị về việc sử dụng các bình luận có điều kiện. Giữ bản hack * foobar CSS. Điều đó hoạt động tốt, được sử dụng bởi các khung như YUI và cho phép bạn giữ lại những gì thuộc về nhau.

    – Trịnh Ngọc Châu 17:54:24 30/01/2009
  • 1

    Đã thử cái này trong Chrome 28, Mac OSX và hộp kiểm thấp hơn rõ ràng so với văn bản

    – Tạ Thông Tuệ 17:42:40 19/08/2013
  • 1

    Lưu ý, điều này dường như không hoạt động trong các phiên bản Chrome mới nhất (Tôi đang sử dụng v36). i.imgur.com/y9Ffxsh.png Chỉnh sửa: cũng không phải Firefox (v31)

    – Dương Hoàng Xuân 23:20:37 01/08/2014
186

Đôi khi căn chỉnh dọc cần hai phần tử nội tuyến (span, nhãn, đầu vào, v.v.) cạnh nhau để hoạt động chính xác. Các hộp kiểm sau đây được căn giữa đúng theo chiều dọc trong IE, Safari, FF và Chrome, ngay cả khi kích thước văn bản rất nhỏ hoặc lớn.

Tất cả đều nổi bên cạnh nhau trên cùng một dòng, nhưng nowrap có nghĩa là toàn bộ văn bản nhãn luôn ở bên cạnh hộp kiểm.

Nhược điểm là các thẻ SPAN vô nghĩa thêm.

.checkboxes label {
  display: block;
  float: left;
  padding-right: 10px;
  white-space: nowrap;
}
.checkboxes input {
  vertical-align: middle;
}
.checkboxes label span {
  vertical-align: middle;
}
<form>
  <div class="checkboxes">
    <label for="x"><input type="checkbox" id="x" /> <span>Label text x</span></label>
    <label for="y"><input type="checkbox" id="y" /> <span>Label text y</span></label>
    <label for="z"><input type="checkbox" id="z" /> <span>Label text z</span></label>
  </div>
</form>

Bây giờ, nếu bạn có một văn bản nhãn rất dài cần bọc mà không bọc trong hộp kiểm, bạn sẽ sử dụng phần đệm và văn bản phủ định thụt vào các thành phần nhãn:

.checkboxes label {
  display: block;
  float: left;
  padding-right: 10px;
  padding-left: 22px;
  text-indent: -22px;
}
.checkboxes input {
  vertical-align: middle;
}
.checkboxes label span {
  vertical-align: middle;
}
<form>
  <div class="checkboxes">
    <label for="x"><input type="checkbox" id="x" /> <span>Label text x</span></label>
    <label for="y"><input type="checkbox" id="y" /> <span>Label text y</span></label>
    <label for="z"><input type="checkbox" id="z" /> <span>Label text z</span></label>
  </div>
</form>

|
171

Làm việc với giải pháp của One Crayon , tôi có một cái gì đó phù hợp với mình và đơn giản hơn:

.font2 {font-family:Arial; font-size:32px} /* Sample font */

input[type=checkbox], input[type=radio] {
  vertical-align: middle;
  position: relative;
  bottom: 1px;
}

input[type=radio] { 
  bottom: 2px; 
} 
<label><input type="checkbox" /> Label text</label>
<p class="font2">
  <label><input type="checkbox"/> Label text</label>
</p>

Render pixel-for-pixel giống nhau trong Safari (có đường cơ sở mà tôi tin tưởng) và cả Firefox và IE7 đều tốt. Nó cũng hoạt động cho các kích cỡ phông chữ nhãn khác nhau, lớn và nhỏ. Bây giờ, để sửa đường cơ sở của IE trên các lựa chọn và đầu vào ...


Cập nhật: (Chỉnh sửa của bên thứ ba)

Vị bottomtrí thích hợp phụ thuộc vào họ phông chữ và cỡ chữ! Tôi thấy rằng sử dụng bottom: .08em;cho các yếu tố hộp kiểm & radio là một giá trị chung tốt. Tôi đã thử nghiệm nó trong Chrome / Firefox / IE11 trong các cửa sổ với phông chữ Arial & Calibri bằng cách sử dụng một số cỡ chữ nhỏ / trung bình / lớn.

.font2, .font2 input {font-family:Arial; font-size:32px} /* Sample font */

input[type=checkbox], input[type=radio] {
  vertical-align: middle; 
  position: relative;
  bottom: .08em; /* this is a better value for different fonts! */
}
<label><input type="checkbox" /> Label text</label> 

<p class="font2">
  <label><input type="checkbox"/> Label text</label>
</p>

|
  • 1

    Chỉ là một lưu ý cho người khác: điều này sẽ không hoạt động trong IE6 vì nó không hỗ trợ nhắm mục tiêu CSS [type =].

    – Đặng Thụy Uyên 00:18:10 08/04/2009
  • 1

    Bạn chỉ có thể thêm một lớp thay vì sử dụng các bộ chọn không được hỗ trợ nếu cần hỗ trợ IE6.

    – Tạ Quang Khánh 01:43:48 19/08/2014
  • 1

    Cái này làm việc cho tôi Tuy nhiên, thay vì đặt "vị trí: tương đối; dưới cùng: 1px", bạn có thể sử dụng "lề: 0 0 1px 0" để đạt được kết quả tương tự.

    – Trịnh Ngọc Châu 22:20:47 28/04/2017
126

Một điều dễ dàng có vẻ hoạt động tốt là áp dụng điều chỉnh vị trí dọc của hộp kiểm với căn chỉnh dọc. Nó vẫn sẽ khác nhau giữa các trình duyệt, nhưng giải pháp là không phức tạp.

input {
    vertical-align: -2px;
}

Tài liệu tham khảo

|
  • 1

    Đó là thay đổi nhỏ nhất trong số các phiên bản khác, phù hợp với tôi trong hầu hết các phiên bản trình duyệt gần đây.

    – Đặng Thụy Uyên 14:37:04 17/09/2014
  • 1

    Điều đó thậm chí còn hoạt động tốt hơn so với vertical-alignposition: relativebởi vì nó cũng hoạt động chính xác trong IE9 :)

    – Tạ Quang Khánh 12:38:29 14/06/2015
  • 1

    nhưng nó phụ thuộc vào kích thước phông chữ. đối với kích thước phông chữ lớn, nó phải được điều chỉnh thành các giá trị âm cao hơn, ví dụ: vertical-align: -6px;

    – Trịnh Ngọc Châu 12:31:33 06/12/2016
  • 1

    có lẽ điều này có thể hoạt động tốt hơn với các phông chữ khác nhau nếu được đặt trongem

    – Tạ Thông Tuệ 21:25:27 07/01/2019
86

thử vertical-align: middle

Ngoài ra mã của bạn có vẻ như nó phải là:

<form>
    <div>
        <input id="blah" type="checkbox"><label for="blah">Label text</label>
    </div>
</form>

|
  • 1

    <label for="blah">chỉ cần thiết nếu bạn đang sử dụng thứ gì đó không hợp lý để nhãn được bọc (như hộp văn bản; tôi thường sử dụng <label for="blah">Foo</label><input id="blah" type="text" />trong trường hợp đó). Với các hộp kiểm tôi thấy nó ít đánh dấu để bọc nó.

    – Tạ Kiều Nguyệt 18:13:08 20/11/2008
  • 1

    Không hoàn toàn chính xác: Nhãn-cho sẽ cho phép người dùng nhấp vào nhãn để kiểm tra hộp kiểm, ngoài việc chỉ cần nhấp vào hộp kiểm đó. Nó khá tiện dụng để buộc hai yếu tố lại với nhau.

    – Dương Việt Khôi 18:30:09 20/11/2008
  • 1

    Nếu một đầu vào được lồng bên trong một nhãn, sau đó nhấp vào nhãn với kích hoạt / tập trung vào đầu vào; thuộc tính for chỉ dành cho trường hợp khi đầu vào không được lồng.

    – Trần Quang Nghĩ 18:34:32 20/11/2008
  • 1

    Đó là One Crayon đúng, nhưng vẫn nên sử dụng thuộc tính "for", hoặc bạn sẽ gặp vấn đề với một số trình duyệt không nhận ra cú pháp này ho IE.

    – Dương Xuân Hiếu 21:33:08 26/11/2008
  • 1

    nếu bạn không muốn hộp kiểm của mình có ID thì bạn cần bọc hộp kiểm bên trong nhãn

    – Hồ Thúy Mai 12:02:43 30/01/2009
36

Hãy thử giải pháp của tôi, tôi đã thử nó trong IE 6, FF2 và Chrome và nó hiển thị pixel theo pixel trong cả ba trình duyệt.

* {
  padding: 0px;
  margin: 0px;
}
#wb {
  width: 15px;
  height: 15px;
  float: left;
}
#somelabel {
  float: left;
  padding-left: 3px;
}
<div>
  <input id="wb" type="checkbox" />
  <label for="wb" id="somelabel">Web Browser</label>
</div>

|
  • 1

    Hấp dẫn; Tôi thích ý tưởng nổi cả hai yếu tố; mà thanh lịch sửa chữa các vấn đề gói. Tôi đang gắn liền với gói đầu vào với nhãn, nhưng mã mà là một heck của một trình dọn dẹp rất nhiều so với các giải pháp tôi đến.

    – Tạ Kiều Nguyệt 03:54:28 31/01/2009
  • 1

    trong ví dụ này, đầu vào hộp kiểm và nhãn cũng phải có hiển thị thuộc tính: khối và trong trường hợp đó, chúng sẽ được coi là DIV bình thường có thể được căn chỉnh dễ dàng

    – Dương Việt Khôi 07:27:54 17/04/2009
  • 1

    Điều này có vấn đề, điều gì xảy ra nếu nhãn không vừa với không gian có sẵn? nhãn và hộp kiểm được tách ra (hộp kiểm nằm ở bên phải và nhãn ở bên trái). Nếu bạn bọc hộp kiểm bên trong nhãn của bạn, bạn sẽ không gặp vấn đề này.

    – Trần Quang Nghĩ 23:58:41 17/04/2011
  • 1

    Nó không hoạt động với pixel, nhưng nó đủ tốt để khiến mọi thứ trở nên đẹp hơn trên 3 trình duyệt chính. Tôi cho rằng tôi có thể đã dành một giờ nữa để thấy rằng nó sẽ hoạt động tốt hơn ...

    – Dương Xuân Hiếu 06:02:25 07/01/2014
24

Giải pháp làm việc hoàn hảo duy nhất cho tôi là:

input[type=checkbox], input[type=radio] {
    vertical-align: -2px;
    margin: 0;
    padding: 0;
}

Đã thử nghiệm ngày hôm nay trong Chrome, Firefox, Opera, IE 7 và 8. Ví dụ: Fiddle

|
19

Tôi thường sử dụng chiều cao dòng để điều chỉnh vị trí dọc của văn bản tĩnh:

label {
  line-height: 18px;
}
input {
  width: 13px;
  height: 18px;
  font-size: 12px;
  line-height: 12px;
}
<form>
  <div>
    <label><input type="checkbox" /> Label text</label>
  </div>
</form>

Mong rằng sẽ giúp.

|
12

Tôi chưa hoàn toàn thử nghiệm giải pháp của mình, nhưng nó có vẻ hiệu quả.

HTML của tôi chỉ đơn giản là:

<label class="checkbox"><input type="checkbox" value="0000">0000 - 0100</label>

Sau đó tôi đặt tất cả các hộp kiểm 24pxcho cả chiều cao và chiều rộng. Để làm cho liên kết văn bản tôi làm cho nhãn hiệu của line-heightcũng 24pxvà gán vertical-align: top;như sau:

EDIT: Sau khi kiểm tra IE tôi đã thêm vertical-align: bottom;vào đầu vào và thay đổi CSS của nhãn. Bạn có thể thấy bạn cần một trường hợp css IE có điều kiện để sắp xếp phần đệm - nhưng văn bản và hộp là nội tuyến.

input[type="checkbox"] {
    width: 24px;
    height: 24px;
    vertical-align: bottom;
}
label.checkbox {
    vertical-align: top;
    line-height: 24px;
    margin: 2px 0;
    display: block;
    height: 24px;
}

Nếu bất cứ ai thấy rằng điều này không làm việc, xin vui lòng cho tôi biết. Đây là hành động (trong Chrome và IE - lời xin lỗi khi ảnh chụp màn hình được chụp trên võng mạc và sử dụng song song cho IE):

|
10

Tôi nghĩ rằng đây là cách dễ nhất

input {
    position: relative;
    top: 1px;
}

Vĩ cầm

|
9

Công việc này phù hợp với tôi:

fieldset {
  text-align:left;
  border:none
}
fieldset ol, fieldset ul {
  padding:0;
  list-style:none
}
fieldset li {
  padding-bottom:1.5em;
  float:none;
  clear:left
}
label {
  float:left;
  width:7em;
  margin-right:1em
}
fieldset.checkboxes li {
  clear:both;
  padding:.75em
}
fieldset.checkboxes label {
  margin:0 0 0 1em;
  width:20em
}
fieldset.checkboxes input {
  float:left
}
<form>
  <fieldset class="checkboxes">
    <ul>
      <li>
        <input type="checkbox" name="happy" value="yep" id="happy" />
        <label for="happy">Happy?</label>
      </li>
      <li>
        <input type="checkbox" name="hungry" value="yep" id="hungry" />
        <label for="hungry">Hungry?</label>
      </li>
    </ul>
  </fieldset>
</form>

|
8

Bây giờ flexbox được hỗ trợ trong tất cả các trình duyệt hiện đại, một cái gì đó như thế này có vẻ như là một cách tiếp cận dễ dàng hơn với tôi.

<style>
label {
  display: flex;
  align-items: center;
}
input[type=radio], input[type=checkbox]{
  flex: none;
}
</style>
<form>
  <div>
    <label><input type="checkbox" /> Label text</label>
  </div>
</form>


Đây là bản demo phiên bản tiền tố hoàn chỉnh:

|
8

Tôi không thích định vị tương đối vì nó làm cho phần tử được hiển thị trên mọi thứ khác ở cấp độ của nó (nó có thể vượt lên trên thứ gì đó nếu bạn có bố cục phức tạp).

Tôi đã phát hiện ra rằng các vertical-align: subhộp kiểm trông đủ tốt để căn chỉnh trong Chrome, Firefox và Opera. Không thể kiểm tra Safari vì tôi không có MacOS và IE10 hơi bị tắt, nhưng tôi thấy đó là giải pháp đủ tốt cho tôi.

Một giải pháp khác có thể là thử và tạo CSS cụ thể cho mọi trình duyệt và tinh chỉnh nó với một số sắp xếp theo chiều dọc theo% / pixel / EM: http://css-tricks.com/snippets/css/browser-specific-hacks/

|
7

Tôi chưa bao giờ gặp vấn đề với việc làm như thế này:

<form>
  <div>
    <input type="checkbox" id="cb" /> <label for="cb">Label text</label>
  </div>
</form>
|
  • 1

    Như tôi đã nói với những người đăng trước đây đã khuyến nghị rằng: Tôi không thích nó vì nó yêu cầu đánh dấu không cần thiết. Ngoài ra, tôi đã thử đánh dấu đó nhưng rất khó để ngăn nhãn đóng gói bên dưới đầu vào (trong khi vẫn có nhãn / nhóm đầu vào trên mỗi dòng riêng).

    – Hoàng Hồng Quỳnh 19:56:41 20/11/2008
  • 1

    Vì vậy, thay vì đánh dấu "không cần thiết" (có thể được sử dụng bởi hầu hết mọi người), bạn muốn có CSS ​​không cần thiết?

    – Võ Đạo 06:49:25 30/01/2009
  • 1

    Vấn đề với giá đỡ. Nhưng nói chung, vâng, tôi muốn có CSS ​​ngoại lai hơn đánh dấu vì CSS được lưu trong bộ nhớ cache, nhưng đánh dấu có thể phải được tải lại cho mỗi trang mới.

    – Hoàng Lạc Nhiên 03:49:09 31/01/2009
  • 1

    So sánh: 1 trường hợp thêm CSS -vs- nhiều trường hợp đánh dấu thêm.

    – Tạ Xuân Thái 21:27:30 17/08/2011
6

Câu trả lời được chọn với hơn 400 lượt upvote không hoạt động với tôi trong Chrome 28 OSX, có lẽ vì nó không được thử nghiệm trong OSX hoặc nó đã hoạt động trong bất cứ điều gì vào khoảng năm 2008 khi câu hỏi này được trả lời.

Thời thế đã thay đổi và các giải pháp CSS3 mới hiện khả thi. Giải pháp của tôi sử dụng giả để tạo hộp kiểm tùy chỉnh . Vì vậy, các quy định (ưu hay nhược điểm, tuy nhiên bạn nhìn vào nó) như sau:

  • Chỉ hoạt động trong các trình duyệt hiện đại (FF3.6 +, IE9 +, Chrome, Safari)
  • Dựa vào hộp kiểm được thiết kế tùy chỉnh, sẽ được hiển thị giống hệt nhau trong mọi trình duyệt / HĐH. Ở đây tôi chỉ chọn một số màu đơn giản, nhưng bạn luôn có thể thêm độ dốc tuyến tính và như vậy để tạo cho nó nhiều tiếng vang hơn.
  • Được hướng đến một kích thước phông chữ / phông chữ nhất định, nếu thay đổi, bạn chỉ cần thay đổi vị trí và kích thước của hộp kiểm để làm cho nó xuất hiện theo chiều dọc. Nếu được điều chỉnh chính xác, kết quả cuối cùng vẫn phải gần giống hệt nhau trong tất cả các trình duyệt / hệ điều hành.
  • Không có thuộc tính thẳng hàng, không có phao
  • Phải sử dụng đánh dấu được cung cấp trong ví dụ của tôi, nó sẽ không hoạt động nếu được cấu trúc như câu hỏi, tuy nhiên, bố cục về cơ bản sẽ trông giống nhau. Nếu bạn muốn di chuyển mọi thứ xung quanh, bạn cũng sẽ phải di chuyển CSS được liên kết

HTML của bạn:

<form>
    <div class="checkbox">
        <input id="check_me" type=checkbox />
        <label for="check_me">Label for checkbox</label>
    </div>
</form>

CSS của bạn:

div.checkbox {
    position: relative;
    font-family: Arial;
    font-size: 13px;
}
label {
    position: relative;
    padding-left: 16px;
}
label::before {
    content :"";
    display: inline-block;
    width: 10px;
    height: 10px;
    background-color: white;
    border: solid 1px #9C9C9C;
    position: absolute;
    top: 1px;
    left: 0px;
}
label::after {
    content:"";
    width: 8px;
    height: 8px;
    background-color: #666666;
    position: absolute;
    left: 2px;
    top: 3px;
    display: none;
}
input[type=checkbox] {
    visibility: hidden;
    position: absolute;
}
input[type=checkbox]:checked + label::after {
    display: block;
}
input[type=checkbox]:active + label::before {
    background-color: #DDDDDD;
}

Giải pháp này ẩn hộp kiểm , thêm và tạo kiểu giả cho nhãn để tạo hộp kiểm hiển thị. Vì nhãn được gắn với hộp kiểm ẩn, trường nhập liệu vẫn sẽ được cập nhật và giá trị sẽ được gửi cùng với biểu mẫu.

jsFiddle: http://jsfiddle.net/SgXYY/6/

Và nếu bạn quan tâm, đây là cách tôi sử dụng các nút radio: http://jsfiddle.net/DtKrV/2/

Hy vọng ai đó thấy điều này hữu ích!

|

Câu trả lời của bạn (> 20 ký tự)

Bằng cách click "Đăng trả lời", bạn đồng ý với Điều khoản dịch vụ, Chính sách bảo mật and Chính sách cookie của chúng tô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ẻ hoặc hỏi câu hỏi của bạn.