Rally Cardboard 渲染：将项目添加到卡片标题

Question

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

.....

            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);

....

这会将文本值添加到卡片标题中，但这样做会将所有者名称和图像向下推到对齐的一行。我查看了 CSS，但没有看到任何依赖于刺痛长度的格式，但我对这个领域仍然相对较新。我尝试更改 CSS 中的字体大小，但这并没有改变任何内容，添加上面的代码总是将所有者名称和所有者图像向下推。 对于我可能做错的事情或是否有更清洁的方法可以提供任何帮助，我们将不胜感激。

Answer 1

您正在附加一个 div，它是一个块元素 - 这就是您获得新行的原因。你可以给这个元素添加一个 float:left 的样式，让它在 id 旁边对齐，或者你可以把 div 放在卡片主体中——你可能会发现它看起来更好（尤其是在窄宽度卡片上）。