Как разместить позицию курсора в начале выравнивания по центру, содержащего контент-элемент?

У меня есть следующий фрагмент кода:Как разместить позицию курсора в начале выравнивания по центру, содержащего контент-элемент?

HTML:

<div class="title" contenteditable="true" placeholder="Title"></div>

CSS:

.title { 
    width: 500px; 
    margin: 0 auto; 
    text-align: center; 
} 

[contenteditable=true]:empty:before{ 
    content: attr(placeholder); 

}

Это приводит к выровнен по центру редактируемой DIV с заполнителем. Моя проблема заключается в том, что когда элемент сначала сфокусирован, курсор позиционируется в начале div, в отличие от того, где местозаполнитель:! http://screencast.com/t/66HWb3wKiV

Я хочу, чтобы заполнитель оставался видимым до тех пор, пока символ на самом деле не набрал, с курсором, расположенным в начале заполнителя. Как я смогу это сделать?

Спасибо!

источник

2014-10-19 user2833021

Дубликат для http://stackoverflow.com/questions/25304708/center-cursor-on-focus-in-div-contenteditable-centered-horizontally-and-vertica –

@Burn К сожалению, этот код не применяется к заполнителям. Проблема, которая у меня есть, заключается в том, что только когда набирается ключ (или какой-то текст уже есть), что курсор центрирован. Моя проблема заключается в том, чтобы быть сосредоточенной до этого, когда она впервые сфокусирована, с показателем-заполнителем. – user2833021

Долгое время, но я отправил ответ на аналогичный вопрос здесь: http://stackoverflow.com/questions/29288975/centering-the-placeholder-caret-in-contenteditable-element - вам может показаться полезным. –

У меня есть обходной путь для этой проблемы.

изменить ваш CSS:

.title { 
    width: 500px; 
    margin: 0 25%; 
}

источник

2015-03-03 05:34:10

Как разместить позицию курсора в начале выравнивания по центру, содержащего контент-элемент?

ответ

Смежные вопросы