我正在尝试创建一个带有标题的“section”div,此标题有一个居中的标题,右侧可能有也可能没有
jquery UI按钮. ‘section’div的宽度由其父级确定.
我的麻烦是按钮中心对齐的标题考虑了按钮的宽度.
HTML:
<div style="width: 600px;"> <div class="section purple"> <div class="sectionHeader"> <div>normal Title</div> </div> <div class="sectionContent"></div> </div> <div class="section blue"> <div class="sectionButtonIcon"> <a id="btnExample">Jquery UI Button</a> </div> <div class="sectionHeader"> <div>Title With Button</div> </div> <div class="sectionContent"></div> </div> </div>
有关css:http://jsfiddle.net/agAgeas50/uL9Uc/8/,请参阅jsfiddle
注意:这不是Center inline-block div in parent while ignoring floating elements的副本.如果你在接受的答案中查看jsfiddle,将父级包装在另一个div中并给顶级div一个固定宽度,右手元素出现在父级之外.
解决方法
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。