gpt4 book ai didi

html - 嵌套 div 标签覆盖父 div 标签属性

转载 作者:行者123 更新时间:2023-11-28 16:38:26 25 4
gpt4 key购买 nike

我有一个内容居中的网页。它有很多 css 和 js jinja2 模板。当我添加一个简单的 div 标签时

   <div class="container"> 
<!-- something -->
<div>hello</div>

消息也居中。我试图改变一些东西,但恐怕它也可能会影响其他页面。所以我想知道我是否可以强制此 div 标签左对齐。我试过 'float=left' 不工作。是否可以仅针对此设置覆盖所有其他设置 <div>标签?

页面布局是这样的

      Space       |text stats here|  Space
|text2 |

预期结果:

      Space       |text stats here|  Space
|text2 |
hello

演示: http://cssdeck.com/labs/wnfmebyb

代码

   <title>test</title>
<body class="">
<div class="container">
<h2> Center Header </h2>
centered text
<br/>
<div style="float:left"> Wanted this on left </div>
</div>
<div style="float:left"> Expected output: LEFT </div>
</body>

CSS文件:

.container {
width: 740px;
margin: 40px auto;
text-align: justify;
}

最佳答案

向特定的 div 添加一个 id,这样您就不必像这样覆盖任何其他设置 -

<div class="container"> 
//something
<div id="some_id">hello</div>

比添加 CSS

    #some_id{
text-align: left !important;
}

关于html - 嵌套 div 标签覆盖父 div 标签属性,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34103456/

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