files/vi/web/html/element/center/index.html


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55

---
title: '<center>: The Centered Text element (obsolete)'
slug: Web/HTML/Element/center
translation_of: Web/HTML/Element/center
---
<div>{{obsolete_header}}</div>

<p><span class="seoSummary"><strong>Phần tử trung tâm HTML</strong> lỗi thời ( <strong><code>&lt;center&gt;</code></strong>) là <a href="/en-US/docs/HTML/Block-level_elements" title="HTML / Block-level_elements">phần tử cấp</a> khối hiển thị nội dung cấp khối hoặc nội dòng được căn giữa theo chiều ngang bên trong phần tử chứa nó. </span>Vùng chứa thường là, nhưng không bắt buộc, {{HTMLElement ("body")}}.</p>

<p>Thẻ này đã không được chấp nhận trong HTML 4 (và XHTML 1) vì thuộc tính <a href="/en-US/docs/Web/CSS" title="/ en-US / docs / Web / CSS">CSS</a> {{Cssxref("text-align")}}, có thể được áp dụng cho phần tử {{HTMLElement ("div")}} hoặc cho một cá nhân {{HTMLElement("p")}}. Đối với các khối căn giữa, hãy sử dụng các thuộc tính CSS khác như {{Cssxref ("margin-left")}} và {{Cssxref ("margin-right")}} và đặt chúng thành <code>auto</code>(hoặc đặt {{Cssxref ("margin")}} đến <code>0 auto</code>).</p>

<h2 id="Giao_diện_DOM">Giao diện DOM</h2>

<p>Phần tử này thực hiện giao diện {{domxref ("HTMLElement")}}.</p>

<div class="note">
<p><strong>Lưu ý triển khai:</strong> bao gồm cả Gecko 1.9.2, Firefox triển khai giao diện {{domxref("HTMLSpanElement")}} cho phần tử này.</p>
</div>

<h2 id="ví_dụ_1">ví dụ 1</h2>

<pre class="brush: html notranslate">&lt;center&gt; Văn bản này sẽ được căn giữa.
&lt;p&gt; Đoạn này cũng vậy. &lt;/p&gt; &lt;/center&gt;
</pre>

<h2 id="Ví_dụ_2_CSS_thay_thế">Ví dụ 2 (CSS thay thế)</h2>

<pre class="brush: html notranslate">&lt;div style = "text-align: center"&gt; Văn bản này sẽ được căn giữa.
&lt;p&gt; Đoạn này cũng vậy. &lt;/p&gt; &lt;/div&gt;
</pre>

<h2 id="Ví_dụ_3_CSS_thay_thế">Ví dụ 3 (CSS thay thế)</h2>

<pre class="brush: html notranslate">&lt;p style = "text-align: center"&gt; Dòng này sẽ được căn giữa. &lt;br&gt;
Và dòng này cũng vậy. &lt;/p&gt;
</pre>

<h2 id="Ghi_chú">Ghi chú</h2>

<p>Việc áp dụng {{Cssxref ("text-align")}} <code>:center</code>cho phần tử {{HTMLElement("div")}} hoặc {{HTMLElement("p")}} sẽ căn giữa <em>nội dung</em> của các phần tử đó trong khi giữ nguyên kích thước tổng thể của chúng.</p>

<h2 id="Tính_tương_thích_của_trình_duyệt_web">Tính tương thích của trình duyệt web</h2>

<div class="hidden">Bảng tương thích trong trang này được tạo từ dữ liệu có cấu trúc. Nếu bạn muốn đóng góp vào dữ liệu, vui lòng xem <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> và gửi yêu cầu kéo cho chúng tôi.</div>

<p>{{Compat("html.elements.center")}}</p>

<h2 id="Xem_thêm">Xem thêm</h2>

<ul>
 <li>{{Cssxref("text-align")}}</li>
 <li>{{Cssxref("hiển thị")}}</li>
</ul>

<div>{{HTMLRef}}</div>