Question

嗨，我有一个问题，我的代码看起来像这样（我是首发）

<div class="backtotop">
        <a href="#top">
            Back to top&circ;
        </a>
    </div>

我的样式表有

.backtotop{
    font-size: 30px;
    width: 20%;
    background-color: #b6aeac;
    text-align: right bottom;
}

a{
    text-decoration: none;
    font-size:30px;
    font-style: normal;
    color: #23285a;

}

但它没有对齐我想在页面的右下角显示它，但我不希望它被修复。
this issue discussion 它回到顶部我正在制作

Answer 1

在

的css页面的右下角使用此代码

position: fixed;
    bottom: 0;
    right: 0;

检查snippest：

＆＃13;

.backtotop{
    font-size: 30px;
    width: 20%;
    background-color: #b6aeac;
    position: fixed;
    bottom: 0;
    right: 0;
}
a{
    text-decoration: none;
    font-size:30px;
    font-style: normal;
    color: #23285a;

}

＆＃13;

<div class="backtotop">
        <a href="#top">
            Back to top&circ;
        </a>
    </div>

＆＃13;

更新：

使用position:absolute

结帐

＆＃13;

.backtotop{
    font-size: 30px;
    width: 20%;
    background-color: #b6aeac;
    position: absolute;
    right: 0;
    bottom: 0;
}
a{
    text-decoration: none;
    font-size:30px;
    font-style: normal;
    color: #23285a;

}

＆＃13;

<div class="backtotop">
        <a href="#top">
            Back to top&circ;
        </a>
    </div>

＆＃13;

更新2：

如果您想在中心处理，请删除bottom:0并添加top:50%; 像这样：

.backtotop{
    font-size: 30px;
    width: 20%;
    background-color: #b6aeac;
    position: absolute;
    right: 0;
    top:50%;
    //bottom: 0;
}

如果修复了你想要将BacktoTop类正确地显示在研究所名称上，那么只需将div对齐，或者如果你使用表格结构，则文本对齐：最后一个。

我的意思这对你有帮助。

如果你有任何疑问，仍然会问。

Answer 2

<style name="BaseTheme.DefaultTheme">
        <item name="android:alertDialogTheme">@style/CustomAlertDialogTheme</item>
        <item name="android:spinnerStyle">@style/CustomSpinnerStyle</item>
</style>
<style name="CustomAlertDialogTheme" parent="Theme.AppCompat.Dialog.Alert">
    <item name="android:windowMinWidthMajor">40%</item>
    <item name="android:windowMinWidthMinor">40%</item>
    <item name="android:windowTitleStyle">@style/DialogTitle</item>
</style>

<style name="DialogTitle">
    <item name="android:gravity">center_horizontal</item>
    <item name="android:textAlignment">center</item>
    <item name="android:layout_centerHorizontal">true</item>
</style>
<style name="CustomSpinnerStyle" parent="Widget.AppCompat.Spinner">
    <item name="android:gravity">center_horizontal</item>
    <item name="android:dialogTitle">@style/DialogTitle</item>
</style>

Html无法排列到页面右下角

2 个答案: