Question

我有上面的示例html，但按钮被放置在textarea下面一行。如何确保按钮放在textarea旁边（textarea的右侧）但不在下面？

<form action="/chbs/adm/HallNamesValidation.jsp?chkb=jsFacilitiesArray" method="post">

Answer 1

您可以使用内联块属性

＆＃13;

- (CGSize)collectionView:(UICollectionView *)collectionView layout:(UICollectionViewLayout*)collectionViewLayout sizeForItemAtIndexPath:(NSIndexPath *)indexPath {

    NSLog(@"SETTING SIZE FOR ITEM AT INDEX %d", (int)indexPath.row);
    CGSize mElementSize = CGSizeMake(125, 125);
    return mElementSize;
}

＆＃13;

#txtArea,#buttons{
    display:inline-block;
    vertical-align: top;
}

＆＃13;

Answer 2

您需要删除样式[] [Finished in 1.2s]并将内容包装到width: 1000px的div中。

display: inline-flex

.content {
  display: inline-flex;
}

Answer 3

如果你正在使用bootstrap，为什么不把它们列好？

 <div class="container">
    <form action="">
        <div class="col-lg-9">
            <div class="row">
                <textarea name="" class="form-control" id=""rows="10"></textarea>
            </div>
        </div>
        <div class="col-lg-3">
            <input type="submit" class="btn btn-primary" onclick="return validateCreateStaffProfile()" value="Create Profile">
            <input type="submit" class="btn btn-primary" value="Clear">
            <input type="submit" class="btn btn-primary" onclick="return validateCreateStaffProfile()"  value="Create Profile">
        </div>
    </form>
</div>

这会将按钮对齐texarea的右侧并排。

在css中对齐textarea旁边的输入按钮

3 个答案: