Có thể xoay ngang phần tử nội tuyến theo chiều ngang mà không cần thêm dấu phụ hoặc kiểu dáng phụ huynh không?

Question

Câu hỏi về cơ bản đã được nêu trong tiêu đề, nhưng để làm rõ: Tôi đang cố gắng xoay ngang giữa một neo <a> trong một vùng nội dung chính.

Tôi muốn làm điều này mà không:

• Sử dụng độ rộng cố định
• Thêm đánh dấu thêm (thêm một mẹ div ví dụ)
• Tạo kiểu container mẹ (để thiết lập phụ huynh để text-align:center chẳng hạn)
• Đặt <a> làm khối có chiều rộng đầy đủ (Tôi muốn giữ khu vực có thể nhấp lớn bằng chính liên kết)

Vì vậy, về cơ bản tôi muốn làm điều này chỉ bằng cách tạo kiểu tự neo trong css, theo cách động (co rút). Tôi đã cố gắng, nhưng chưa tìm được cách nào, có ai biết cách làm điều này không?

Answer 1

Hãy thử điều này - DEMO

a { 
    display: table; 
    margin: auto; 
}