Question

我正在尝试将其中带有数字2的蓝色框与用户请求按钮措辞内联。我一直在搞乱这段代码。

我需要浮动的div就是这个......

.admin_alert_out_panel {
    width: 10%;
    border: 1px solid #0000CC;
    background-color: #0000CC;
    color: #FFFFFF;
    position: relative;
    text-align: center;
    float: right;
    margin-right: 10%;
}

我已尝试inline，inline-block，我在float: left;课程中添加了panel_buttons。什么都行不通。

这是我用来表示我想要做的事情的小提琴......

https://jsfiddle.net/5mf989jL/6/

我做错了什么？

Answer 1

只需使用按钮标签而不是输入类型=“按钮”，这样就可以将其放在标签内并将div更改为跨度

<button class="panel_buttons arrowBtn" id='user_requests_button'>
    User Requests <span class="admin_alert_out_panel">2</span>
</button>

Answer 2

将function displayValue(event) { document.getElementById("url").value=event.fpfile.url; }替换为<input>。

http://jsfiddle.net/5mf989jL/27/

Answer 3

我改变了一些东西。现在它与div工作正常。这是链接： https://jsfiddle.net/5mf989jL/40/

最好用div。

$scope.obj= {};
$scope.obj.name = $scope.user.displayName;
$scope.commentObj.id= $scope.id;
//_________________^_____ assigning to id property but using $scope.commentObj.userId
$scope.obj.blah = blah;

MyCoolFunction($scope.commentObj.userId).then(function(successResponse){ // <-- success_callback    
        $scope.obj.otherDataThing = successResponse.a.b.c; // <-- assignment of result
    }, function(errorResponse){ // <-- error callback
        $scope.error = errorResponse.message || errorResponse;
});

Answer 4

Try this.This is working!..

.panel-buttons{    
display:inline;
}

您需要更改面板按钮，并需要调整面板宽度以避免崩溃......

Div不会向右浮动

4 个答案: