CSS: định tâm văn bản vị trí tuyệt đối bên trong bố mẹ tương đối

Question

Làm thế nào tôi có thể căn giữa văn bản vị trí tuyệt đối bên trong cha mẹ tương đối chất lỏng? Tôi đang cố gắng sử dụng text-align:center trên các phần tử gốc nhưng nó luôn xoay quanh góc trái của con, chứ không phải chính yếu tố.

http://jsfiddle.net/sucTG/2/

Answer 1

Cái này là position:absolute; đổi chiều rộng của phần tử để phù hợp với nội dung của nó, và rằng text-align: center; trung tâm các văn bản trong chiều rộng khối phần tử. Vì vậy, nếu bạn thêm position: absolute; đừng quên tăng chiều rộng của phần tử, nếu không thuộc tính text-align: center; sẽ vô ích.

Cách tốt nhất để giải quyết vấn đề này là thêm width: 100%; và left: 0px; trong phần .text.

http://jsfiddle.net/27van/

Answer 2

Cập nhật: Những gì tôi đặt trước là xấu/sai

http://jsfiddle.net/brJky/1/

này nên được MUCH gần gũi hơn với những gì bạn muốn?

Văn bản của bạn là tương đối và các yếu tố khác của bạn bên trong vùng chứa tuyệt đối!

.text { 
    color:#fff; 
    padding:50px 0; 
    display:block; 
    position:relative; 
} 

.absolute { 
    background:#f0f; 
    height:25px; width:25px; 
    position:absolute; 
    top:36px; left:50%; 
}