javascript - 使用javascript动态生成的按钮

Question

我正在使用 JavaScript、Html 和 CSS 开发电视应用程序。

我想生成标签(标题)并不总是相同的按钮:有时很长或很短。标签应该从 xml 文件动态生成。所以问题是将所有生成的按钮显示为相同的宽度。

下面是我如何使用 javascript 创建按钮:

    var a = document.createElement("a");    
    var span2 = document.createElement("span");
    span2.setAttribute("class", "span1");
    span2.appendChild(document.createTextNode(text));
    a.appendChild(span2);

我们该怎么做？

Answer 1

这里有一个选项:

1. 获得一组按钮标签后，获得每个字符串的长度。
2. 根据最长字符串中的字符数确定按钮的宽度。
3. 当你构建每个 span2 时，给它一个等于最大尺寸的宽度属性。

但是，请注意，如果您有一些很长的标签和一些很短的标签，那么在非常宽的按钮上使用非常短的标签可能看起来很奇怪。