2011-06-05 42 views
11

Tôi có một div, bên trong div là một hình nền trông giống như một nút và tôi có văn bản trong div nói "Home". Theo mặc định, văn bản được chụp ở trên cùng và trông không đúng. Làm thế nào tôi có thể di chuyển văn bản xung quanh trong div mà không cần di chuyển div?Di chuyển văn bản trong một div mà không cần di chuyển div

tập tin

css: http://pastebin.com/xrAFMVDd

tập tin html: http://pastebin.com/b5Fubte0

Trả lời

12

Một cách để làm điều này là để bọc văn bản của bạn trong một thẻ <p> và sử dụng các thuộc tính CSS topleft với position: relative để xác định vị trí của văn bản liên quan đến phía trên cùng bên trái của div.

Xem ví dụ ở đây: http://jsfiddle.net/zvMKH/

+0

OOO! Tôi thực sự nghĩ rằng nó sẽ hoạt động nhưng một lần nữa ... nó di chuyển nền với nó. Có lẽ một biến thể khác của những gì bạn đã làm? – robwolff3

+0

Hmm thật lạ lùng, nó dường như không di chuyển nền @ http://jsfiddle.net/zvMKH/1/ (bạn có thể chơi với các giá trị bên trái/trên cùng để kiểm tra) – Jeff

+0

Bạn có thể chỉnh sửa câu hỏi của mình để bao gồm không JUST html/css cho div bạn đang nói về? Bạn có thể dán ngay vào câu hỏi của mình và sử dụng nút 'mã' để định dạng nó một cách độc đáo. – Jeff

4

tôi cố định nó bằng cách thay đổi line-height dưới #button1 li a. Làm việc như người ở! Cảm ơn tất cả mọi người đã đóng góp! Tôi rất trân trọng điều này!

+0

thụt lề văn bản có thể được sử dụng để di chuyển văn bản theo chiều ngang mà không cần di chuyển hình nền – goonerify

Các vấn đề liên quan