我创建了一个skinny没有边距,填充或边框的CSS类:
.skinny
{
margin:0 0 0 0;
padding:0 0 0 0;
border:0 0 0 0;
}
Run Code Online (Sandbox Code Playgroud)
我将它应用到包含图像的行中,该图像也skinny应用了类:
<td width="33%" align="center" class="skinny">
<table width="400px" height="180px" class="skinny">
<tr class="skinny">
<td class="skinny" width="60px" height="100px"><a class="skinny" href="/"><img class="skinny" width="60px" height="100px" id="snapshot" src="/images/snapshot.png"></a></td>
<td class="skinny" width="120px" height="100px"><a class="skinny" href="/"><h1 class="skinny">Product</h1></a></td>
</tr>
</table>
</td>
Run Code Online (Sandbox Code Playgroud)
我试图使图像看起来尽可能接近<h1>下一个单元格中的文本,以便它们从左到右相互向上推.
但无论我将这个skinny类应用到多少元素,似乎有一些类似于每个表格单元格周围的"填充",这会在图像和文本之间创建一个空格.
我该如何删除?
我无法弄清楚这些代码有多少取决于返回的JSON数据的结构.
例如,下面有一行:
name_startsWith: request.term
Run Code Online (Sandbox Code Playgroud)
name_startsWith函数是在其他地方定义的还是某种隐式函数?
是什么reqest.term,它指的是?我找不到termhtml文档中其他地方引用的文本.
我想尝试将我自己的JSON url替换为示例以查看它是否有效但我不知道有多少示例需要根据JSON响应数据的结构进行更改.
<script>
$(function() {
function log( message ) {
$( "<div/>" ).text( message ).prependTo( "#log" );
$( "#log" ).attr( "scrollTop", 0 );
}
$( "#city" ).autocomplete({
source: function( request, response ) {
$.ajax({
url: "http://ws.geonames.org/searchJSON",
dataType: "jsonp",
data: {
featureClass: "P",
style: "full",
maxRows: 12,
name_startsWith: request.term
},
success: function( data ) {
response( $.map( data.geonames, function( item ) {
return {
label: item.name …Run Code Online (Sandbox Code Playgroud)