css - 不能让 div 项目占据它的全部长度
问题描述
我试图将项目放置在 div 的中心,但它不起作用
我不知道为什么 div 项目会离开,输入文本没有占据 div 的全部长度,我还试图在文本和橙色按钮的齿轮图标之间添加空格
这是我的代码:
<af:dialog contentWidth="400" type="none" id="aaa" modal="true">
<div class="row">
<div class="col-md-8 sm-b-b">
<div class="sm-padding-5">
<af:inputText inlineStyle="display: inline-block;width:100%" value="sohoooooooooooooooooo"
simple="true" id="it1"/>
</div>
</div>
<div class="col-md-4 sm-b-b">
<div class="sm-padding-5">
<af:button inlineStyle="display: inline-block;width:100%" text="Search" id="b1"></af:button>
</div>
</div>
</div>
<af:forEach var="node" items="#{bindings.ViewObj11.collectionModel}">
<div class="row">
<div class="col-md-12 sm-b-b">
<div class="sm-padding-5">
<af:link text="#{bindings.Value1.inputValue}" styleClass="btn btn-primary white" id="ot1">
<span aria-hidden="true" class="fa fa-gear"></span>
</af:link>
</div>
</div>
</div>
</af:forEach>
解决方案
在您的样式表中尝试此样式
.sm-b-b{
margin: 0 auto;
text-align: center;
width: 100%;
}
推荐阅读
- javascript - Fresh Next App Install 以运行时错误开始
- ansible - Ansible 时间戳,在整个播放过程中对所有节点都是相同的
- css - 如何编辑 EmojiOneArea 输入字段?
- flutter - 如何从 Flutter 中的扩展 tile 类创建多个子级
- c# - 如何从模型属性显示 Cshtml?ASP.NET 核心 MVC
- sql-server - 创建调试表
- java - 无法为文件 entry_debug_unsigned_entry.apk 创建 MD5 哈希,因为它不存在。在 DevEco Studio HarmonyOS 中
- reactjs - React Router dom 更改历史记录而不更改组件
- time - 使用 Kafka Connect 时如何使用特定时区转换时间戳字段?
- forms - COM 加载项 - 功能区上的大多数弹出按钮无法与全部替换表单区域一起使用