Angularjs，ContentEditable =「true」，使用ng-bind-html渲染內容，我希望ContentEditable div的子元素排成一行

Question

我在angularjs中有一個ContentEditable div。 Im使用ng-bind-html在頁面加載時顯示一些html。但元素的內容正在逐行排列，我希望它並排排列。有什麼辦法可以做到這一點？

<div contentEditable="true" ng-bind-html="content"></div> 

這裏是JsFiddle

Answer 1

這是您的網頁上只是HTML元素，所以你需要他們的風格。這些元素都是塊元素，因此請做類似

#editor h1, 
#editor div { 
    display: inline-block; 
}