标签: alignment

我需要将文本放在一个单行滚动 div 中，适合两个 div。

http://jsfiddle.net/F6pNm/26/

目标是让所有人都适合在一条线上！

编辑：我想我不够具体，我需要将链接和文本放在同一行上。这样，滚动是垂直的。

编辑：这是现在最接近我需要的。仅缺少滚动方面。http://jsfiddle.net/BKvzV/4/

我有一个带有文字和图标的表格单元格.我希望两个元素都链接到同一个地方.我希望文本对齐到左侧,图标对齐到表格单元格的右侧.代码看起来像这样:

<td><a href="#">Text<span>icon</span></a></td>

编辑:我编辑了代码来代表我最初没有包含的一些要求.文本和图标都必须是链接.

另外,<a>当用户点击标签时,我会抓住标签的宽度.如果我将文本和图标切割成两个不同的标签,我的测量结果将不准确.

我想制作一个占据所有空白空间的标签,同时还有一个居中的文字.

// firemonkey code, 
// causes compile-time error "E2010 Incompatible types: 'TAlignLayout' and 'Set'"
GreedyLbl.Align := [TAlignLayout.alClient, TAlignLayout.alCenter];  

我也在embarcadero wiki上寻找合适的常量,但没有结果.也许有人知道如何制作描述的标签？

当x-Axis根据显示的列数据尝试定位刻度线时,我遇到了Highcharts的问题.我想在右边对齐x轴刻度,但是它们一直显示在中心.X-axis必须是数字,所以我没有类别.

在这里小提琴

我是 CSS 的初学者，我无法做我需要的事情。

我想在同一行的左侧和右侧显示一些文本，然后仅在第二行的右侧显示一些文本。

这是一个JsFiddle：

HTML :

<div class="myDiv">
    <p class="alignleft"> Text on the left.</p>
    <p class="alignright">Text on the right.</p>
    <p class="alignright2">Text on the right 2.</p>
</div>
<div class="myDiv">
    <p class="alignleft"> Text on the left.</p>
    <p class="alignright">Text on the right.</p>
    <p class="alignright2">Text on the right 2.</p>
</div>

CSS :

.myDiv{
    margin: 0 25% 10px 25%; 
    border-style: dashed;
    border-width: 1px;
}

.alignleft {
    float: left;
}

.alignright {
   float: right;
}

“右边的文字2”应该在“右边的文字”下。

它应该很简单，但就像我说的我是初学者......

I am creating bootstrap contacting form similar as this: http://amitpatil.me/demos/twitter-bootstrap-ajax-contact-form/contact.php

So far I have this in body:

<div class="container">

    <form role="form" style="width:400px; margin: 0 auto;">
        <h1>Contact us</h1>

        <div class="form-group required-field-block">                
            <div class="col-md-12 input-group">
                <span class="input-group-addon"><span class="glyphicon glyphicon-info-sign"></span></span>
                <input type="text" size="30" value="" class="form-control" placeholder="Podjetje">
                <div class="required-icon">
                    <div class="text">*</div>
                </div>                  
            </div>
        </div>

        <div class="form-group required-field-block">       
            <div class="col-md-12 input-group">
                <div class="col-sm-1 column">
                    <span class="input-group-addon"><span class="glyphicon glyphicon-pencil"></span></span>
                </div>
                <div class="col-sm-11 column">
                    <textarea rows="3" size="30" value="" class="form-control" placeholder="Sporo?ilo"></textarea>  
                    <div class="required-icon">
                        <div class="text">*</div>
                    </div>
                </div>
            </div> …

标签标题对齐是左边的,但我希望居中.我的约束是什么问题？

func tableView(tableView: UITableView, viewForHeaderInSection section: Int) -> UIView?
{
    var title: UILabel = UILabel()

    title.text = sectionsArray[section]
    title.textColor = UIColor(red: 77.0/255.0, green: 98.0/255.0, blue: 130.0/255.0, alpha: 1.0)
    title.backgroundColor = UIColor(red: 225.0/255.0, green: 243.0/255.0, blue: 251.0/255.0, alpha: 1.0)
    title.font = UIFont.boldSystemFontOfSize(10)

    var constraint = NSLayoutConstraint.constraintsWithVisualFormat("H:[label]", options: NSLayoutFormatOptions.AlignAllCenterX, metrics: nil, views: ["label": title])

    title.addConstraints(constraint)

    return title
}

我在一个视图中有一个 TextInput，它有 alignItems='center'。通过此设置，TextInput 将采用 TextInput 中文本类型的长度。

    <View style={{
        flex: 1,
        alignItems: 'center',
        justifyContent: 'center'
    }} >
        <TextInput />
        <Text>This is React Native</Text>
    </View>

截图如下

而我想要实现的是将子项对齐在中心并拉伸 TextInput 的宽度以匹配父项

像这张图片

我如何在 react native 中实现这一点？

我正在使用reveal.js创建一个演示文稿

为了展示一些数学内容，我使用了 MathJax 的内置插件（瘦 MathJax 包装器）。到目前为止，它工作正常，除了一件事：

我正在努力使我的数学公式之一对齐。我希望它是这样的：

                               a^2 + b^2 = c^2 (centered text)
a: in CM (left alligned text)
b: in CM (left alligned text)
c: in CM (left alligned text)

目前一切都在中心。

                               a^2 + b^2 = c^2 (centered text)
                               a: in CM (centered text)
                               b: in CM (centered text)
                               c: in CM (centered text)

我正在复习一些基本的 CSS，我偶然发现了一个教程，上面写着：

margin: 0 auto 0 auto;

相对于……

margin: 0 auto;

本身，以某事为中心。

有人可以向我解释一下，将 0 auto 放入一次而不是两次有什么区别吗？当我编码时，我没有注意到有什么不同，所以我的猜测是使用 0 auto, once 是做完全相同的事情的简写。