Question

我正在尝试使用格式为“A description1”，“BB description2”，“C description3”的行列表，并让它们全部对齐。我有一个ul，li列表并尝试通过CSS使“A”或“BB”或“C”部分具有固定长度，但这不起作用。这是我的代码

$("#list").append("<ul></ul").css({liststyle: "none"});
  for(i=0;i<myArray1.length;i++)
    $("#list")
    .append($('<li>')
      .append("<div>").css({display: "inline", width: "20px", background: "red"})
      .append(myArray2[i].toUpperCase()+" ")
      .append("</div>")
      .append($("<a>", {
         href: (num=myArray1[i].indexOf("|"))==-1 ? "/"+myArray1[i].toLowerCase()
                                                  : myArray1[i].substr(num+1) ,
         html: num==-1 ? myArray1[i] : myArray1[i].substr(0,num)
      })
    .css({color: "#9999FF"} )
    )
   .append("<br>")
);

Answer 1

Inline divs不受width css属性的影响。

简单的Google搜索应该已经回答了这个问题。

Here是一个问题，询问“如何使用显示内联为Div元素设置固定宽度？”

在jQuery中忽略了内联div的宽度

1 个答案: