标签: alignment

DIV容器内的HTML图像底部对齐

我有一个固定高度的div标签.大多数图像具有相同的高度和宽度.

我想对齐div底部的图像,以便它们排列整齐.这是我到目前为止:

<div id="randomContainer">
    <div id="imageContainer">
        <img src="1.png" alt=""/>
        <img src="2.png" alt=""/>
        <img src="3.png" alt=""/>
        <img src="4.png" alt=""/>
    </div>
    <div id="navigationContainer">
        <!-- navigation stuff -->
    </div>
</div>
Run Code Online (Sandbox Code Playgroud)

CSS看起来像:

div#imageContainer {
    height: 160px;  
    vertical-align: bottom;
    display: table-cell;
}
Run Code Online (Sandbox Code Playgroud)

我设法在与底部对齐图像display: table-cellvertical-align: bottomCSS属性.

有没有更简洁的方法将div显示为表格单元格并对齐DIV标签底部的图像?

html css image alignment spacing

40
推荐指数
4
解决办法
18万
查看次数

如何将CheckBox与其内容对齐?

WPF CheckBox的外观使检查部分与标签(内容)部分不对齐.支票略高于内容,如下所示:

在此输入图像描述

XAML看起来像这样:

<CheckBox Content="Poorly aligned CheckBox" Margin="9"/>
Run Code Online (Sandbox Code Playgroud)

CheckBox位于Grid单元格内.是否有一种简单的方法来制作内容并检查XAML CheckBox的部分垂直对齐?我尝试了各种属性组合而没有运气.我在这里看到了类似的问题,但答案太复杂了.

提前致谢.

编辑:问题是由我设置为14的Window FontSize引起的.要重新创建问题,请将CheckBox FontSize设置为14(或更多).我的程序是由工厂工人远程查看的,因此我允许用户增加或减少Window FontSize.

silverlight wpf checkbox xaml alignment

40
推荐指数
4
解决办法
4万
查看次数

如何右对齐表单输入框?

我有一个看似容易解决的问题,但我正在努力.如何在不使用BR元素的情况下将这两个输入对齐到表单的右侧?

<!DOCTYPE html>
<html>
<head>
    <style type="text/css">
    form {
        text-align: right;
    }
    input {
        width: 100px;
    }
    </style>
</head>

<body>
    <form>
         <input name="declared_first" value="above" />

         <br/> <!-- I want to get rid of this -->

         <input name="declared_second" value="below" />
    </form>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)

我只想让第一个输入出现在第二个输入上方,两个都在右侧.

html css alignment

39
推荐指数
5
解决办法
17万
查看次数

在DIV中居中H1标签

我在body标签中有以下DIV:

<div id="AlertDiv"><h1>Yes</h1></div>
Run Code Online (Sandbox Code Playgroud)

这些是他们的CSS类:

#AlertDiv {
    position:absolute;
    height: 51px;
    left: 365px;
    top: 198px;
    width: 62px;
    background-color:black;
    color:white;
}

#AlertDiv h1{
    margin:auto;
    vertical-align:middle;
}
Run Code Online (Sandbox Code Playgroud)

如何在DIV内垂直和水平对齐H1?

AlertDiv 将比H1大.

css alignment vertical-alignment

37
推荐指数
3
解决办法
14万
查看次数

如何在Flutter中纵向和横向居中文本?

我想知道如何在Flutter中垂直和水平地将Text小部件的内容居中.我只知道如何使用Center(child: Text("test"))内容本身,而不是内容本身,它默认左对齐.在Android中,我相信调用实现此功能的TextView的属性gravity.

我想要的例子:

居中的文字示例

user-interface text widget alignment flutter

37
推荐指数
8
解决办法
4万
查看次数

如何在Xcode中获得智能标签("缩进标签,与空格对齐")行为?

我曾经使用标签来缩进和空格来对齐.像这样(箭头显示标签和点显示空格).

在此输入图像描述

在QtCreator中,您可以在标准首选项中设置此类编码样式.我无法找到在Xcode中实现相同目标的方法.你能告诉我是否有可能吗?可能有一个插件吗?

更新: 以下是如何在QtCreator中实现: 在此输入图像描述

PS请不要试图说服我只使用空格/标签只是更好,否则这个问题将变成另一个圣战:)

再一次关于我想要实现的目标:缩进标签,与空格对齐.Vim提示Wiki.

更新2:我刚刚提交了Apple Radar错误报告(增强版)rdar:// 22285639.这是在开放式雷达上.

更新3:我收到了Apple的答复.我的错误是rdar:// 8165023的副本.

xcode coding-style indentation alignment

36
推荐指数
1
解决办法
3万
查看次数

如何在div的底部放置图像?

我想要一个html图像与div标签的底部齐平.我似乎无法找到实现这一目标的方法.

这是我的HTML:

<div class="span8">
  <img src="/img/play-shot1.jpg" class="text-center shadow">
</div>
Run Code Online (Sandbox Code Playgroud)

问题是div嵌套在具有填充或边距的其他div中.

html css alignment

36
推荐指数
2
解决办法
12万
查看次数

居中自动宽度div?

我遇到了麻烦,因为我有一个想要居中的div,而我通常被告知要做的就是:

width: 700px;
margin-left: auto;
margin-right: auto;
Run Code Online (Sandbox Code Playgroud)

麻烦的是,这是因为你想要div是一个固定的宽度.我希望div根据div中的文本调整其大小,并且仍然居中.我试过了:

width: auto;
margin-left: auto;
margin-right: auto;
Run Code Online (Sandbox Code Playgroud)

但这没用.当我这样做时,它会拉伸div以填满屏幕.

谁知道该怎么办?

css alignment width

36
推荐指数
4
解决办法
5万
查看次数

sizeof(T)== sizeof(const T)和alignof(T)== alignof(const T)

这似乎是合理的假设,T并且const T将两种类型的将是相同尺寸并具有相同的排列,但想一些实际的系统后,似乎他们可能是不同的.

让我解释:

假设您的系统有两种类型的内存:RAM和Flash(只读).RAM是8位可寻址的,而闪存只有16位可寻址.假设这是T:

struct T
{
  uint8_t x;
  uint16_t y;
};
Run Code Online (Sandbox Code Playgroud)

在字节可寻址RAM中,这个结构长度为3个字节....但是在双字节可寻址Flash(const变量所在的位置)中,由于对齐问题,这个结构必须至少有4个字节长.

所以这是我的问题:

c和c ++标准是否保证了大小和对齐const以及非const类型?

c c++ sizeof alignment

36
推荐指数
2
解决办法
1305
查看次数

表格单元格中的中心文本

我似乎找不到我的问题的答案.我有一个包含两行和两列的表(如下所示的代码),如何在特定单元格中居中对齐文本.我想在一个或两个单元格中对齐文本 - 而不是所有单元格.

<div style="text-align: center;">
    <table style="margin: 0px auto;" border="0">
        <tbody>
            <tr>
                <td>Cell 1</td>
                <td>Cell 2</td>
            </tr>
            <tr>
                <td>Cell 3</td>
                <td>Cell 4</td>
            </tr>
        </tbody>
    </table>
</div>
Run Code Online (Sandbox Code Playgroud)

html html-table center alignment

35
推荐指数
2
解决办法
14万
查看次数