浮动元素不能使用text-align:center居中是由于其脱离了文档流吗？

<!DOCTYPE HTML>

<html>

<head>

<style>

div{

background-color: #eee;

text-align: center;

}

background-color: #888;

float:left;

}

.clear:after{

content: "";

display: block;

clear: both;

}

</style>

</head>

<body>

<a class="fl">我是浮动元素</a>

</div>

</body>

</html>

varcyan

浏览 3332回答 3

旺仔小馒头21

float，飘起来，对是飘起来，其实他的原理就相当于他脱离了本应该所属的平面，他离你更近了，所以如果有的时候不关闭飘，他会出现重叠的情况，因为它是飘起来的，再看你说的居中，如果你关闭了飘就能居中，如果他一直是飘起来的，写的一些样式根本用不上去

午夜时分鸡蛋面

总结起来就是，子HTML元素的优先级高与父HTML元素。

HiFrontend

A都左浮动了，还想要什么自行车？！a被浮动后，他的宽度就是自身字符长度的宽度了，而不是继承自div。其实可以从css的字面意思理解，a既然都左浮动了，那要怎么居中呢？他的居中本来就是相对于父级div的，a自己都造了属性，肯定不会听他爹的话了啊。

随时随地看视频慕课网APP