Question

我有一个关于在CSS弹出窗口中格式化文本的问题，他们生成了javascript。

让我们看一下，这是用CSS弹出的：

.photo4 {
    display: inline-block; /* Строчно-блочный элемент */
    position: relative; /* Относительное позиционирование */
}

.photo4:hover:after {
    display: inline-block;
    content: attr(data-title-id);
    white-space:pre;
    position: absolute; /* Абсолютное позиционирование */
    left: 120%; bottom: -400%; /* Положение подсказки */
    z-index: 1; /* Отображаем подсказку поверх других элементов */
    background: #003399;
    font-family: Segoe UI; font-weight: lighter; /* Гарнитура шрифта */
    font-size: 13px; /* Размер текста подсказки */
    padding: 5px 10px; /* Поля */
    color: #fff;
    border: 1px solid #333; /* Параметры рамки */
    -moz-border-radius: 5px
    -webkit-border-radius: 5px;
    border-radius: 5px 5px 5px 5px;
}

这是我的javascript生成时钟文本my（我只显示生成他的字符串）：

var clock = "UTC        :   "+daymUTC+"."+monthUTC+"."+yearUTC+" "+hoursUTC+":"+minutesUTC+":"+secondsUTC+" "+suffixUTC+"\nKiev        :   "+daym+"."+month+"."+year+" "+hours+":"+minutes+":"+seconds+" "+suffix+"\nTel Aviv   :   "+daym+"."+month+"."+year+" "+hours+":"+minutes+":"+seconds+" "+suffix+"\nMontreal :   "+daymcanada+"."+monthcanada+"."+yearcanada+" "+hourscanada+":"+minutescanada+":"+secondscanada+" "+suffixcanada+"\nMinsk      :   "+daymminsk+"."+monthminsk+"."+yearminsk+" "+hoursminsk+":"+minutesminsk+":"+secondsminsk+" "+suffixminsk+" "

当然是HTML：

<div style="width:10px; float:left; padding-top:20px;" >
<div class="photo4" ><img src="{{ STATIC_URL }}images/time.png" width="22" height="22px"></div>
</div></div>

屏幕显示结果： http://www.ex.ua/289430303487

所以我需要做的问题例如＆＃34;：＆＃34;站在一条直线上，一个统一的空间统一地摆放着时钟（顺便说一下，它每秒都在变化）

Answer 1

如果您希望数据在时间变化时坚持而不移动

在弹出窗口中创建一个表格，以便数据均匀分布

至于9:16:04等，请将它设为09:16:04所以当它到达10:00:00时将没有变化

如果这不是您的要求，您会更清楚一点吗？干杯

CSS弹出窗口中格式化文本的问题

1 个答案: