是否有任何代码或标签可用于集中任何HTML元素?我现在所知道的唯一方法是反复调整填充和边距(左侧)以将元素推到大致居中的位置。我知道你可以集中文本,但这似乎不适用于其他元素,如divs,对象等。有没有一种方法或标签可用来居中任何HTML元素?
0
A
回答
0
为了使页面的内容中心尝试使用
body{ margin:0 auto;}
对齐文本中心使用
p{text-align:center} or div p{text-align:center;}
通过使用HTML标签的文本
<center>your text goes here</center>
您可以创建一个类,你可以写你的CSS像
<div class="align-center">Your text goes here</div>
.align-center { text-align:center; } or .align-center { margin:0 auto; }
有很多方法可以使元素居中,它完全取决于你创建了什么样的布局以及你想要创建什么样的元素。一般来说,通过使用CSS我们可以使我们的元素中心或根据我们的要求。如果你有任何特殊的情况,然后问。
0
在CSS中,代码是{text-align:center;}
。
您可以用两种方式在HTML中做到这一点,尽管这不是一个好习惯。一个是<div align='center'>
,另一个是<center>thing to center</center>
0
对于div的尝试:
body {
text-align: center;
min-width: 600px;
}
#wrapper {
margin:0 auto;
width:600px;
text-align: left;
}
基本上 - 你的包装格边距设置为auto几乎总是工作,以及你想在div文本对齐中心以其为中心。
在HTML
<center> </center>
效果很好。
0
-1
我假定你的意思:你有一个div id为X,高度= H,宽=要水平居中W和垂直相对于父容器C(即C必须用位置:相对定义)
在你的CSS文件中,你应该像这样定义X的类:
#X{
position: absolute;
top: 50%;
left: 50%;
margin-left: -(W/2)px;
margin-top: -(H/2)px;
}
+0
绝对不要使用position:绝对不必要的。 – sandeep 2012-03-06 16:09:44
0
从我的经验,中心的元素,最好的办法是通过设置CSS是这样的:
width: 300px; /* You actually have to set the width! */
margin: 0px auto; /* margin-top & bottom = 0, margin-left & right = auto */
为中心,您的simpy使用text-align: center;
文本。
相关问题
- 1. 有没有一种方法来定位前一个元素?
- 2. 有没有一种方法可以使用rake任务或方法来重写使用erb的HTML部分?
- 3. 有没有一种简单的方法来document.createElement多个元素?
- 4. 有没有一种方法可以制作全球标签
- 5. 有没有一种方法可以用相同的元素“标记”一个numpy数组中的相邻元素?
- 6. 有没有一种方法来嵌套complexTypes没有包装标签?
- 7. 有没有更简单的方法来定义任何元素?
- 8. 有没有一种方法来单元测试异步方法?
- 9. 有没有一种方法可以使用书签排序gmail?
- 10. 有没有一种方法来grep或解析一个变量
- 11. WPF:是否有一种类似HTML span元素的XAML标签?
- 12. 有没有一种干净的方法可以在Hudson中删除svn标签
- 13. 有没有一种方法可以在Python中为lxml指定一个固定(或可变)数量的元素
- 14. 有没有一种方法可以在元素方面“差别”两个XML?
- 15. 有没有一种方法可以区分JavaScript中的鼠标?
- 16. 查找在div元素中没有任何标签的文本
- 17. 有没有一种快捷方式来引用我的DIV中的元素?
- 18. 有一种方法可以删除所有这个标签?
- 19. 有没有一种方法来作为Zend_Form元素名称的前缀?
- 20. 有没有一种方法来匹配rspec-puppet中的参数的“任何值”
- 21. 有没有一种方法可以对元素执行外部风格?
- 22. 有没有一种方法可以使用opencv去除少于两个邻居的图像中的像素?
- 23. UML中有没有一种方法来表达“虚拟”用例?
- 24. 有没有一种方法来确定语法中的歧义?
- 25. 有没有任何方法来书签或链接到页面的一个部分没有锚点?
- 26. 没有属性的HTML表单标签 - 没有任何理由?
- 27. 有没有一种方法来建立一个“或”与has_child使用Bodybuilder ElasticSearch
- 28. 任何方法来居中/填充/定位一个元素的父div与`position:static`?
- 29. 有没有一种方法可以在Polymer.js中使用Slick-Carousel?
- 30. NSXMLParser foundCharacters方法没有解析没有结束标签的元素
这是我正在处理的页面。我希望Facebook的评论部分是集中的。 http://newmedia.leeds.ac.uk/ug10/cs10mm/youtube.html – 2012-03-06 16:31:17
嗯让我看看亲爱的.. – w3uiguru 2012-03-06 16:46:06