Question

好吧，首先让我们看一下：

function displayResult() {
    var a = document.createElement('a');
    var linkText = document.createTextNode("my title text");
    a.appendChild(linkText);
    a.title = "my title text";
    a.style.cssText = "text-align:center;"
    a.href = "http://example.com";
    document.body.appendChild(a);
}

这是通过点击按钮运行的，但是当它创建新链接时，它不会与中心对齐。我不确定为什么，我希望得到一些帮助。

Answer 1

要查看居中文本效果，您需要将链接标记设置为块元素，因为text-align属性仅适用于块级元素（a标记是每个默认内联的）。您可以使用驼峰式CSS属性，例如Javascript：textAlign for CSS：text-align：

a.style.display = "block";
a.style.textAlign = "center";

这是一个有效的例子：

＆＃13;

function displayResult() {
  var a = document.createElement('a');
  var linkText = document.createTextNode("my title text");
  a.appendChild(linkText);
  a.title = "my title text";
  a.style.textAlign = "center";
  a.style.display = "block";
  a.href = "http://example.com";
  document.body.appendChild(a);
}

＆＃13;

<button onclick="displayResult()">Click</button>

＆＃13;

或者您也可以使用cssText属性（感谢您在评论中提及）：

a.style.cssText = "text-align:center; display: block;";

＆＃13;

function displayResult() {
  var a = document.createElement('a');
  var linkText = document.createTextNode("my title text");
  a.appendChild(linkText);
  a.title = "my title text";
  a.style.cssText = "display:block; text-align:center;";
  a.href = "http://example.com";
  document.body.appendChild(a);
}

＆＃13;

<button onclick="displayResult()">Click</button>

＆＃13;

Javascript函数，尝试创建链接并设置其对齐方式

1 个答案: