Question

我有一个写出列表的javascript代码。但这些文字是相互叠加的，因此难以阅读。无论我把它放在列表中，无论我使用哪种浏览器，这些单词都会写在彼此之上。它似乎只允许一个字。像“沙拉”，但它使用“沙拉蛋糕”沙拉和蛋糕的字样将重叠。由于我没有看到问题所在，事实证明这很难研究。帮助

  $(document).ready(function doEverything(element){
$.getJSON("https://api.foursquare.com/v2/venues/search?ll=-27.58818,-48.523248&         
client_id=L2VWBKPOW45D5X3FJ3P4MJB5TGVJ4ST2J005RIVAFIWG44ND%20&   
client_secret=ZKDAOLHASCA31VUOGMBTAS3RFYUOMXL4IFFYPRURIDQA3QMA%20&v=20111107",
    function(data){

one=data.response.venues[0].name;
two= data.response.venues[1].name; 
three= data.response.venues[2].name; 
four= data.response.venues[4].name; 



    var list = [];


    list[0] = [one];
    list[1] = [two];
    list[2] = [three];
    list[3] = [four];

UPDATE（手砸头）丢失的代码有一个样式：宽度为10px。解决。

Answer 1

您发布的代码（AJAX调用和一些数据操作）与数据最终显示的方式无关。看看你如何显示数据，而不是如何获取数据。由于我们被迫猜测，我将列出我能想到的原因：

这些单词被拆分为单独的DOM元素，并通过CSS给出position:absolute。删除position: absolute，通过javascript计算单词'正确位置（不容易），或者根本不分成几个元素。
这些单词被分成单独的DOM元素，并被赋予width:0（或任何太小的宽度）和overflow: visible（溢出的默认值）。处理方法相同 - 删除相应的width属性。
包含单词的元素包含width:0，line-height:0和overflow:visible。这似乎不太可能，但并不意味着单独的元素。如果是这种情况，除了正确修复CSS的方法之外，您可以通过n on b re sp aces替换普通空格来解决此问题。
元素为负word-spacing。为什么有人这样做？
CSS3定义text-height和一些ruby-属性。由于它们是新的，我不认为它们会对IE8产生任何影响。

javascript单词在彼此之上

1 个答案: