CSS伪元素内容字符串中的换行问题

时间:2014-08-20 08:06:18

标签: html css

对不起我的NOOB问题,但有人可以解释一下,为什么在我的CSS弹出框中所有空格都等于“\ n”并抛向下一行。 例如,我需要字符串: “本地:20.08.2014 10:52:36 AM” 但有: “本地 : 2014年8月20日
10时52分36秒 AM“

有我的CSS文字,帮助:

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

.photo4:hover:after {
    display: inline-block;
    content: attr(data-title-id);
    position: absolute; /* Абсолютное позиционирование */
    left: 120%; bottom: -250%; /* Положение подсказки */
    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;
}

生成文字:

<script>
var mydateUTC=new Date()
mydateUTC=new Date(mydate.getUTCFullYear(), mydate.getUTCMonth(), mydate.getUTCDate(), mydate.getUTCHours(), mydate.getUTCMinutes(), mydate.getUTCSeconds())
var yearUTC=mydateUTC.getYear()
if (yearUTC < 1000)
yearUTC+=1900
var dayUTC=mydateUTC.getDay()
var monthUTC=mydateUTC.getMonth()
var daymUTC=mydateUTC.getDate()
if (daymUTC<10)
daymUTC="0"+daymUTC
monthUTC=monthUTC+1
if (monthUTC<10)
monthUTC="0"+monthUTC
var hoursUTC=mydateUTC.getHours()
var minutesUTC=mydateUTC.getMinutes()
var secondsUTC=mydateUTC.getSeconds()
if (hoursUTC<=9)
hoursUTC="0"+hoursUTC
if (minutesUTC<=9)
minutesUTC="0"+minutesUTC
if (secondsUTC<=9)
secondsUTC="0"+secondsUTC
var suffixUTC = "AM";
if (hoursUTC >= 12) {
suffixUTC = "PM";
hoursUTC = hoursUTC - 12;
}
if (hoursUTC == 0) {
hoursUTC = 12;
}


var clock = "Local : "+daym+"."+month+"."+year+" "+hours+":"+minutes+":"+seconds+" "+suffix+"


$(".photo4").attr("data-title-id", clock);
</script>

0 个答案:

没有答案