我有一个内容居中的网页。它有很多css和js jinja2模板。当我添加一个简单的div标签
<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
package="com.fb.agazeadmin.hwapplication">
<application
android:allowBackup="true"
android:icon="@mipmap/ic_launcher"
android:label="@string/app_name"
android:supportsRtl="true"
android:theme="@style/AppTheme">
<activity
android:name=".MainActivity"
android:label="@string/app_name"
android:theme="@style/AppTheme.NoActionBar">
<intent-filter>
<action android:name="android.intent.action.MAIN" />
<category android:name="android.intent.category.LAUNCHER" />
</intent-filter>
</activity>
<!--activity
android:name=".LoginActivity"
android:label="@string/app_name"
android:theme="@style/AppTheme.NoActionBar">
<intent-filter>
<action android:name="android.intent.action.MAIN" />
<category android:name="android.intent.category.LAUNCHER" />
</intent-filter>
</activity-->
<activity android:name="com.fb.agazeadmin.fblogin.LoginActivity" />
</application>
</manifest>
[This is my project Structure][1]
消息也是居中的。我试图改变一些事情,但我担心这可能会影响其他一些页面。所以我想知道我是否可以强制这个div标签左对齐。我试过了“漂浮=离开”#39;不管用。是否可以覆盖此 <div class="container">
<!-- something -->
<div>hello</div>
标记的所有其他设置?
页面布局就像
<div>
预期结果:
Space |text stats here| Space
|text2 |
样本: http://cssdeck.com/labs/wnfmebyb
代码
Space |text stats here| Space
|text2 |
hello
css文件:
<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>
答案 0 :(得分:1)
为特定div添加一个ID,这样您就不必覆盖任何其他设置 -
<div class="container">
//something
<div id="some_id">hello</div>
而不是添加 CSS
#some_id{
text-align: left !important;
}
答案 1 :(得分:0)
看起来我需要提供“绝对位置”,如下所示:
<div class="movethis"> Wanted this on left </div>
.movethis{
position:absolute;
bottom: 0px;
left: 0px;
right: 0px;
}