Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/76.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
HTML中多余空间的疑难解答_Html_Button_Formatting - Fatal编程技术网

HTML中多余空间的疑难解答

HTML中多余空间的疑难解答,html,button,formatting,Html,Button,Formatting,有些代码中有一个额外的空格。有人能帮我找到它吗?这快把我逼疯了。非常感谢。我只找到了一个,我觉得还有一个额外的空间,把我的格式弄乱了 谁能认出魔鬼?或者我错过了更大的东西 <!DOCTYPE html> <html lang="en" xmlns="http://www.w3.org/1999/xhtml"> <head> <meta charset="utf-8"> <title>jQuery Selz Plugin</titl

有些代码中有一个额外的空格。有人能帮我找到它吗?这快把我逼疯了。非常感谢。我只找到了一个,我觉得还有一个额外的空间,把我的格式弄乱了

谁能认出魔鬼?或者我错过了更大的东西

<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8">
<title>jQuery Selz Plugin</title>
<link href="http://cdn.selz.com/jquery/1.0.3/jquery.selz.min.css" rel="stylesheet">
</head>
<body> 
<li{list-style-type: none;}><a href="http://selz.co/1triLby"></a></li>
<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="http://cdn.selz.com/jquery/1.0.3/jquery.selz.min.js"></script><script>
$(function () {
$.selz({
buttonBg: "#60aae0",
buttonText: "#fff",
prefetch: true,
onDataReady: function ($link, data) {
$link.html('<p align="center"><img src="https://static.squarespace.com/static/53752a6de4b0aefc671bc01d/t/53e42d7be4b0c4f03d1abbde/1407462784739/Buy$35?format=300w"' + data.ImageUrlSmall + '" alt="</p>' + data.Title + '">'); 
},
onModalOpen: function ($link) {
console.log("Overlay opened!");
},
onPurchase: function (data) {
console.log(data);
},
onProcessing: function (data) {
console.log(data);
}
});
});
</script>
</body>
</html>

jqueryselz插件

$(函数(){
美元塞尔茨({
按钮G:#60aae0“,
按钮文字:“fff”,
预回迁:对,
onDataReady:函数($link,data){
$link.html('

'+data.Title+'“>”); }, onModalOpen:函数($link){ log(“覆盖打开!”); }, onPurchase:功能(数据){ 控制台日志(数据); }, onProcessing:函数(数据){ 控制台日志(数据); } }); });

'“alt=“

'+数据.Title+”>”
应为
'“alt=“”+数据.Title+”“>

。你把

放错地方了。如果图像下方仍有一些空间,请将图像的CSS
display
属性设置为
inline
。您还应该将
li
margin
设置为零


您的标记还存在其他问题。您应该创建一个完整的应用程序。例如,
不是有效的标记,
li
元素不允许位于
ul
ol

浏览器中的额外空间具体在哪里?在身体的开始?它可能是
li
元素的边距。它在图像下方…无法让它消失!谢谢回复!