Rally 拉力纸板渲染：将项目添加到卡头

我想在默认纸板看板应用程序中将自定义用户属性的值添加到卡片的标题中。我在渲染函数中添加了以下内容：

这会将文本值添加到卡头中，但这样做会将所有者名称和图像向下对齐一行。我已经看过CSS，但是没有看到任何依赖于长度的格式化，但是我对这个领域还是比较陌生的。我尝试在CSS中更改字体大小，但没有任何改变。添加上面的代码总是将所有者名称和所有者图像向下推一行。

---

对于我可能做错了什么或是否有更干净的方法来做这件事的任何帮助，我们将不胜感激。

您正在添加一个div，它是一个块元素，这就是为什么您将获得新行。您可以在该元素中添加一种浮动样式：左移，使其与id对齐，或者您可以将div放在卡体中，这样看起来会更好（尤其是在窄宽度卡上）。

谢谢，我将其改为span而不是div，并在CSS中关闭了avatar以获得更多空间。奇怪的是，我决定将域属性对齐到最右边。这会将“所有者名称”字段放在其前面。我正在试图找到一种方法，使标题中的所有者名称居中。CSS更改似乎不会影响它。我将它切换到一个范围，然后它在用户ID之后立即向左移动。但是CSS似乎仍然没有将它移动到中心。建议？

            var idDiv = document.createElement("div");
            dojo.addClass(idDiv, "leftCardHeader");
            header.appendChild(idDiv);
          // MY NEW CODE  
            if(item.Domain && item.Domain.length > 0) {
                var domainDiv = document.createElement("div");
                domainDiv.appendChild(document.createTextNode(
                " Domain: " + item.Domain));
                header.appendChild(domainDiv);
            }
          // END MY NEW CODE
            var ownerImg = document.createElement("img");
            dojo.addClass(ownerImg, "cardOwner");

            var ownerName = document.createElement("div");
            dojo.addClass(ownerName, "cardOwnerName");

            header.appendChild(ownerImg);
            header.appendChild(ownerName);