javascript - 在 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; 来呈现任何垂直居中的文本。