jQuery中忽略的内联div的宽度答案

【问题标题】：Width of inline div ignored in jQueryjQuery中忽略的内联div的宽度
【发布时间】：2014-06-12 10:24:19
【问题描述】：

我正在尝试创建一个包含“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>")
);

【问题讨论】：

标签： jquery width html-lists

【解决方案1】：

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

一个简单的谷歌搜索应该可以回答这个问题。

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

【讨论】：