Javascript PHP hint.css添加新的文本行_Javascript_Php_Jquery_Html_Css

Javascript PHP hint.css添加新的文本行

javascript php jquery html css

Javascript PHP hint.css添加新的文本行,javascript,php,jquery,html,css,Javascript,Php,Jquery,Html,Css,我有一个小问题：我不能使用hint.css添加新行，我想这是因为echo函数，所以我把它放在html文件中，它在我的电脑上运行良好，但当我将它发送到服务器时，它不会。。。以下是我的html代码： <!DOCTYPE html> <html> <meta charset="UTF-8"> <head> <link rel="stylesheet" href="hint.css"> </head> <body>

我有一个小问题：我不能使用hint.css添加新行，我想这是因为echo函数，所以我把它放在html文件中，它在我的电脑上运行良好，但当我将它发送到服务器时，它不会。。。以下是我的html代码：

    <!DOCTYPE html>
<html>
<meta charset="UTF-8">
<head>
<link rel="stylesheet" href="hint.css">
</head>
<body>
<form action="#" method="post">
<center>

<div id="identyfikator" '.$hjk.'>
    <font size="5"><b><label>Wybierz pakiet:</label></b></font><br><br>
    <table align="center" width="600" cellpadding="0" cellspacing="0" border="0">
                        <tbody><tr>
                            <td align="center" valign="top" width="200">
                                    <span class="hint--bottom hint--info" data-hint="'.$opu1.'"><label for="b4"><img src="images/1.jpg" border="0" alt="" onclick="formshowhide("0")" style="cursor: pointer;"></label></span>
                                </td>
                                <td align="center" valign="top" width="200">
                                    <span class="hint--bottom hint--info" data-hint="'.$opu2.'"><label for="b5"><img src="images/2.jpg" border="0" alt="" onclick="formshowhide("1")" style="cursor: pointer;"></label></span>
                                </td>
                                <td align="center" valign="top" width="200">
                                    <label for="b6"><img src="images/3.jpg" border="0" alt="" onclick="formshowhide("2")" style="cursor: pointer;"></label>
                                </td>
                            </tr>

            <tr><td colspan="3" style="height:5px;"></td></tr>

            <tr>
                            <td align="center" valign="top" width="200">
                                    <span class="hint--bottom hint--info" data-hint="Cena przelewem: 7.38zł&#10; Cena SMS: 11.07zł&#10; Opis:"><input type="radio" id="b4" name="check_list[]" onclick="formshowhide("0")" value="V31"> <label style="cursor: pointer;" for="b4"><b>Vip na 31 dni</b></label></span>
                                </td>
                            <td align="center" valign="top" width="200">
                                    <span class="hint--bottom hint--info" data-hint="'.$opu2.'"><input type="radio" id="b5" name="check_list[]" onclick="formshowhide("1")" value="DISCZ"> <label style="cursor: pointer;" for="b5"><b>Disco Zbroja</b></label></span>
                                </td>
                            <td align="center" valign="top" width="200">
                                    <input type="radio" id="b6" name="check_list[]" onclick="formshowhide("2")" value="test"> <label style="cursor: pointer;" for="b6"><b>test</b></label>
                                </td>
                        </tr>




            </tr>

            </tbody></table>
    <input type="submit" name="submit" value="Dalej" />
</div>
<br/>

我的html的url：不再重要了

我将非常感谢您的帮助（对我的英语很抱歉）

这将帮助您在工具提示中获得新的行，如果这是您正在寻找的：

基本上，您需要更改

空白

值：

.hint:after, [data-hint]:after {
 white-space: pre;
}

或者您可以在工具提示上

max width

并删除

空白：nowrap

您所说的“添加新行”到底是什么意思？这一行会出现在哪里？你确定“'.$opu1.”是图像工具提示的有效值吗？我不知道具体发生了什么，但现在它工作了。通过添加新行，我指的是像
，“..opu1.”这样的PHP变量，我在将echo内容放入html文件时没有删除它，因为这是第二个工具提示值，第一个是data hint=“Cena przelewem:7.38zł ；Cena SMS:11.07zł ；Opis:“谢谢，但我在写这篇文章之前已经做过了。整个问题可能是因为我刚刚用我们的刷新打开了页面，并且没有重新加载hint.css文件。现在它可以正常工作了

.hint:after, [data-hint]:after {
 white-space: pre;
}