1

単純な html の書式設定では、正しく gt できないようです。

私は次のdivを持っています:

<div class="fc-event-time" data-hasqtip="true" aria-describedby="qtip-6">
      2:54 - 6:54
    <i class="icos-refresh" style="float: right; margin-top: -17px; margin-right: 2px"></i>
    <i class="icos-acces-denied-sign" style="float: right; margin-top: -17px; margin-right: 2px"></i>
</div>

firebug によると、次の css クラスが動作しています。

padding-left: 5px;
white-space: nowrap;
font-weight: 500;font-size: 12px !important;
padding: 0px 1px;
color: rgb(0, 0, 0) !important;
cursor: pointer;
direction: ltr;
text-align: left
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
line-height: 18px;

上記のコードは次のようにレンダリングされます。

ここに画像の説明を入力

ご覧のとおり、display:block;` という 2 つのアイコンが重なってthe <i></i> elements', my problem is that I would like to have it side by side. My first thought was to addいますが、これは機能しません。それらを重ねるのではなく並べるにはどうすればよいですか?

アップデート:

を取り出した後margin-top: -17px;、次の結果が得られますが、それら (テキストとアイコン) が同じ行にある必要があります。

ここに画像の説明を入力

更新 2:

最後に問題を把握し、この問題を修正しました.sが同じ行に入るのを2:54 - 6:54許可していなかったプレーンテキストであることが判明しました。<i>私がしたことは、Full Calendar ソースを変更して時刻を a 内に配置し<span>、スタイル属性「float: left」を指定しただけで、すべてが整列して機能するようになりました。より良い回答が提出された場合(javascriptを変更する必要がないものでも、それがより良い方法であるため、回答として授与します。

4

1 に答える 1