在 div 中将文本左对齐并垂直居中

Question

我有这个 JS 代码，用于创建一个新的 div （我动态地创建了几个）。我希望我的文本垂直居中并与 div 的左侧对齐。有什么建议吗？这是我的代码：

        var leftDiv = document.createElement("div"); //Create left div
        leftDiv.id = "left"; //Assign div id
        leftDiv.setAttribute("style", "float:left;width:70%;vertical-align:middle; height:26px;"); //Set div attributes
        leftDiv.style.background = "#FFFFFF";
        leftDiv.style.height = 70; 
        user_name = document.createTextNode(fullName + ' '); //Set user name

另一件事。这段代码将使文本水平居中，它似乎会被吸引到 div 的顶部而不是中间。

Answer 1

如果 div 的高度是恒定的（似乎是 70px），那么您可以用来line-height: 70px;渲染任何垂直居中的文本。