带有标题和编辑按钮的html框
带有标题和编辑按钮的html框
提问于 2012-01-04 06:33:33
我做了这个html框，它应该有一个标题和一些按钮在右边，
http://jsfiddle.net/vqpmt/17/
一切看起来都很好，除了你可以看到的编辑按钮在标题下面一点，这不应该是他们应该在同一级别的情况。
我该如何实现这一点，我的代码是不是一团糟？有没有更好的方法来做这样的事情？
回答 2
Stack Overflow用户
回答已采纳
发布于 2012-01-04 06:40:44
我将h1和编辑链接标记移到了一个div容器中。检查我的代码版本
要达到完全相同的级别，html元素要么必须在容器中(就像我的小提琴中那样)，要么应该使用2个内联html元素。
试着在html和css上阅读w3schools，它有很多你可以在短时间内学到的信息。
w3schools超文本标记语言参考here
w3schools CSS参考here
编辑： h1是一个块元素，这意味着它将添加一个新行。因此，我添加了一个新的css样式块，并将.inline属性更改为inline。
.inline { display: inline }Stack Overflow用户
发布于 2012-01-04 06:43:59
H1元素扩展了页面的宽度，并将编辑链接向下推。我在这里提供了一个替代解决方案。
小提琴：http://jsfiddle.net/GvGoldmedal/vqpmt/32/
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/8719592
复制相关文章
相似问题
腾讯云开发者
