在CSS弹出框中格式化文本的问题

problems with formatting text in CSS popup

本文关键字：格式化 文本 问题 CSS      更新时间：2023-09-26

我有一个关于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谁生成时钟文本我(我只显示字符串生成他):

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

所以我需要做的问题是例如":"站在一条直线上，和一个统一的空间统一站立的时钟(顺便说一下，它每秒都在变化)

如果您希望数据在时间变化时保持不变

在弹出窗口中创建一个表格，这样数据将均匀间隔

至于9:16:04等，把它改成09:16:04，这样当它到达10:00:00时就不会有变化了

如果这不是你想要的，你能说得更清楚一点吗?欢呼声

相关文章：