2011-01-17 4 views
0

Я хочу установить фоновое изображение в div-классе и хочу добавить текст на изображение, с дополнением 5px, но мой текст переполнен, пожалуйста, посмотрите мой css и демо здесь http://jsfiddle.net/LcQzG/ и помогите мне с этим. Благодарю.CSS Background Image and Padding

ответ

1

Либо сделать фоновое изображение выше, сделать текст меньше, сделать окно шире или добавить к этому добавить полосу прокрутки:

overflow: auto; 

или скрыть перелива текст:

overflow: hidden; 
+0

Спасибо, но если вы видите http://jsfiddle.net/LcQzG/, я уже пробовал с переполнением: скрытый, но не знаю, почему он не работает. – Lucka

+0

Вы должны установить высоту для поля, если вы хотите использовать переполнение. –

+0

Я уже установил высоту. – Lucka

2

Вы должны установить ширину и добавить

word-wrap:break-word; 

пример: http://jsfiddle.net/LcQzG/6/

+0

Спасибо, но, как вы видите, в нижней части нет прокладки, любая идея, почему заполнение в нижней части не работает? – Lucka

+0

потому что, контент очень длинный для коробки. – Eray

+0

Я не пробовал, но вы можете посмотреть на это для переполнения текста: http://chetzit.com/blog/css/9.html – CronosS

0

Вам нужно установить ширину на содержащем div. Ширина будет шириной изображения - 10px (сумма левого и правого заполнения).

+0

Упс, не видел, что Эрай Алаке уже сказал, чтобы добавить ширину , –