単純な 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を変更する必要がないものでも、それがより良い方法であるため、回答として授与します。