浮动元素不能使用text-align:center居中是由于其脱离了文档流吗？
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<style>
div{
background-color: #eee;
text-align: center;
}
a{
background-color: #888;
float:left;
}
.clear:after{
content: "";
display: block;
clear: both;
}
</style>
</head>
<body>
<div class="box clear">
<a class="fl">我是浮动元素</a>
</div>
</body>
</html>
varcyan浏览 3332回答 3
3回答
-
旺仔小馒头21
float，飘起来，对是飘起来，其实他的原理就相当于他脱离了本应该所属的平面，他离你更近了，所以如果有的时候不关闭飘，他会出现重叠的情况，因为它是飘起来的，再看你说的居中，如果你关闭了飘就能居中，如果他一直是飘起来的，写的一些样式根本用不上去 -
午夜时分鸡蛋面
总结起来就是，子HTML元素 的优先级高与 父HTML元素。 -
HiFrontend
A都左浮动了，还想要什么自行车？！a被浮动后，他的宽度就是自身字符长度的宽度了，而不是继承自div。其实可以从css的字面意思理解，a既然都左浮动了，那要怎么居中呢？他的居中本来就是相对于父级div的，a自己都造了属性，肯定不会听他爹的话了啊。
随时随地看视频慕课网APP
Html/CSS
JavaScript