Đánh dấu văn bản `gốc` căn chỉnh


Câu trả lời:


159

markdown gốc không hỗ trợ căn chỉnh văn bản mà không cóhtml+css.


65
Do đó, bọc văn bản của bạn vào <p style="text-align: center;">và văn bản </p>nào sẽ hoạt động trong bất kỳ lần đánh dấu nào
SDJMcHattie

15
Người dùng Github: kiểu nội tuyến không hoạt động trên github và không được bao gồm dưới dạng các tính năng mở rộng của Github Flavored Markdown. Đây là tất cả các hỗ trợ của github kể từ tháng 1 năm 2017 . Có nhiều người kiểm tra đánh dấu trực tuyến nói rằng họ tuân thủ GFM và hiển thị những thứ như kiểu nội tuyến hoạt động, nhưng đánh dấu github [khá nhiều] * hiện tại không hỗ trợ HTML / CSS. * <br>hoạt động để có thể có một số thẻ ẩn hoạt động.
Govind Rai

16
Người dùng Github: Kể từ ngày 6/8/2017 , câu trả lời của Diego Vinícius bên dưới trung tâm thành công văn bản trong các tệp đánh dấu. Chỉ cần bọc văn bản của bạn trong một pthẻ với alignthiết lập center, như vậy:<p align="center">centered text</p>
Kröw

2
BTW, cái nào sẽ tốt hơn để sử dụng, <div>hay <p>? A plà một đoạn văn, vì vậy có lẽ divsẽ là một thay thế trung lập hơn và tốt hơn?
VasiliNovikov

2
@SDJMcHattie Điều này không hoạt động khi chuyển đổi .md sang .pdf.
Marc Le Bihan

85

Để căn giữa văn bản trong tệp md, bạn có thể sử dụng thẻ trung tâm như thẻ html:

<center>Centered text</center>

10
Phương pháp này không được dùng trong html 5.

1
Phương pháp này hoạt động trên các khối SquareSpace Markdown, kể từ ngày 15 tháng 8 năm 2018.
ikjadoon

22

Tôi biết điều này không phải là đánh dấu, nhưng <p align="center">làm việc cho tôi, vì vậy nếu có ai tìm ra cú pháp đánh dấu thay vào đó tôi sẽ rất vui khi sử dụng nó. Cho đến lúc đó tôi sẽ sử dụng thẻ HTML.


1
các class thuộc tính đã bị phản đối từ HTML 4 và lỗi thời kể từ HTML 5.
Jindrich Vavruska

5
Mặc dù các câu trả lời ở trên không hoạt động, phương pháp này đã tập trung thành công một số văn bản cho tôi trên github .
Kröw

1
Chỉ cần thử nghiệm trên github: nó hoạt động cho văn bản, nó không hoạt động cho hình ảnh.
xtian

1
nếu thẻ html hoạt động, bạn không thể căn chỉnh với thẻ p o căn chỉnh đơn giản, hãy thử với <div class = "lề: 0 auto;"> với hình ảnh của bạn bên trong div
Diego Vinícius

16

Thật khó khăn nhưng nếu bạn đang sử dụng GFM hoặc một số cú pháp MD khác hỗ trợ xây dựng bảng với các đường ống, bạn có thể sử dụng các tính năng căn chỉnh cột:

|| <!-- empty table header -->
|:--:| <!-- table header/body separator with center formatting -->
| I'm centered! | <!-- cell gets column's alignment -->

Điều này hoạt động trong đánh dấu.


1
Làm thế nào một người sẽ đi xung quanh này để áp dụng cho một tiêu đề? Nếu tôi sử dụng "#" đơn giản bên trong "|" nó xuất hiện nguyên văn.
nilon

Điều này chỉ xuất hiện để làm việc cho văn bản. Tôi đang cố gắng tập trung vào một hình ảnh.
Vince

10

Trong Github Bạn cần viết:

<p align="justify">
  Lorem ipsum
</p>

Tôi muốn bắt đầu các tệp README.md dài hơn với danh sách "Chỉ mục". Tôi đặt phần này ở cuối mỗi phần trong trường hợp độc giả muốn bật lại chỉ số <p align="right">[Index](#index)</p>Hoạt động tuyệt vời :)
Ông Kennedy

1
Giải pháp này hoạt động, nhưng một số phong cách như văn bản in nghiêng bị mất.
JavDomGom

8

Phần tử div có thuộc tính căn chỉnh riêng, căn chỉnh .

<div align="center">
  my text here.
</div>

1
Giải pháp tốt nhất. Chúng ta có thể sử dụng "biện minh" thay cho "trung tâm". Áp dụng cho tất cả mọi thứ bên trong div mà không làm biến dạng bất cứ điều gì.
phổ biếnGuy

4

Đối với Markdown Extra, bạn có thể sử dụng các thuộc tính tùy chỉnh:

# Example text {style=text-align:center}

Điều này hoạt động cho các tiêu đề và blockquote, nhưng không phải cho các đoạn văn, các yếu tố nội tuyến và khối mã.

Phiên bản ngắn hơn (nhưng không được hỗ trợ trong HTML 5):

# Example text {align=center}

@Al MaximumPitt Như đã đề cập, đây là một tính năng cụ thể của Markdown Extra, nó không có khả năng hoạt động ở nơi khác.


1

Tôi đã cố gắng tập trung vào một hình ảnh và không có kỹ thuật nào được đề xuất trong câu trả lời ở đây có hiệu quả. Một HTML thông thường <img>với CSS nội tuyến hoạt động với tôi ...

<img style="display: block; margin: auto;" alt="photo" src="{{ site.baseurl }}/images/image.jpg">

Đây là một blog Jekyll được lưu trữ trên GitHub


-2

Tôi thấy khá hữu ích khi sử dụng cú pháp latex trên các ô của máy tính xách tay jupyter, như:

![good-boy](https://i.imgur.com/xtoLyW2.jpg  "Good boy on boat")

$$\text{This is some centered text}$$

-13

Để căn giữa, căn chỉnh văn bản bạn muốn căn giữa với mũi tên ( -> <-) như vậy:

-> This is center aligned <-

3
Tôi đang thử nghiệm tùy chọn này trong một số Markdown trực tuyến. Bạn có thể thêm một URL hoặc cho chúng tôi biết trong khi Markdown câu này hoạt động không?
Equiman

Điều này hoạt động trong Giảm giá ( pell.portland.or.us/~orc/Code/discount ), một triển khai C của đánh dấu gốc.
Calum

Và cũng trong RDiscountruby thực hiện của nó . Cảm ơn!
jibiel

Bạn phải thêm plugin này để hoạt động này: npmjs.com/package/markdown-it-center-text
Lukas Liesis

Không hoạt động trong Notepad ++ (python markdown + Live HTML plugin)
816-8055
Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookieChính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.