gpt4 book ai didi

html - 为什么证明内容 : right only work in firefox?

转载 作者:太空狗 更新时间:2023-10-29 13:41:37 24 4
gpt4 key购买 nike

所以,我有一些代码将容器作为 flex,并将 justify-content: right; 作为 CSS 中的属性和值,这使得子元素位于容器的右侧仅在 firefox 中,这很奇怪,因为从某些引用资料(如 CSS-tricks 或 W3school)中,此值无效或不存在,正确的值是 justify-content: flex-end;。如果你从 firefox 看到这个问题,你一定会注意到文本是右对齐的。再一次,为什么 justify-content: right; 在 firefox 中有效?或者这只是一个错误?

<!DOCTYPE html>
<html>

<head>
<title>test</title>
<style>
section {
display: flex;
justify-content: right;
}

.text {
width: 50%;
}
</style>
</head>

<body>
<section>
<div class="text">To change the way a picture fits in your document, click it and a button for layout options appears next to it. When you work on a table, click where you want to add a row or a column, and then click the plus sign. Reading is easier, too, in the new
Reading view.</div>
</section>
</body>

</html>

最佳答案

查看浏览器兼容性 this page . Firefox 是目前唯一支持使用leftright 的浏览器。最好坚持使用 flex-end 以便它适用于所有浏览器。

关于html - 为什么证明内容 : right only work in firefox?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47537042/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com