0

jsfiddle

<div class='outer'>
<a href="javascript:void(0)" onclick='ShowSmiley();' class='emojie'>
<img src="images/smiley.png" height="20px" width="20px"></a>
<div class="emoji-menu" id="emojiMenu" style="display:none;" >
  </div>
 <div contenteditable="true" id='MsgToSend' onkeypress='ClientOnTyping(event);'class='msgtosend'></div>
  <style>
  .msgtosend /* The message to send div */
  {
display:block;
border:1px solid Gray;

height:100px;
width:270px;
max-width:270px;          
overflow:auto;
word-wrap:break-word;

}
 .outer
{
position: relative;
width: 100%;
}
 .outer .emojie
{

padding-top: 0;
position: absolute;
top: 0;
right: 0;
border:none;
}
</style>

新しい行を挿入するたびに、編集可能な div を右から自動インデントするにはどうすればよいですか?? 20ピクセルで言ってみましょう

4

1 に答える 1

0

私はあなたの問題を完全には理解していないかもしれませんが、テキストを右に揃えたい場合は、 text-align プロパティを使用するだけで、 padding-right が右との距離を確認します

div
{
    background-color:Red;
    padding-right:20px;
    text-align:right;
}

JSフィドルを見てください

編集 ：

テキストを右から左に挿入する場合は、方向プロパティを使用します

 direction:rtl;

ここに更新されたコードがありますUpdate JS Fiddle

于 2013-03-12T15:01:18.293 に答える