标签: alignment

将文本行对齐到SVG的中心

我需要在SVG中输出多行文本.为此,我使用以下方案:

<text>
  <tspan> First line </tspan>
  <tspan> Second line </tspan>
</text>
Run Code Online (Sandbox Code Playgroud)

文本的第一行和第二行可以具有不同数量的字符,这些字符可以动态地改变.我希望第二行出现在第一行下面,并且两个文本都要居中.

我可以让第二条线通过添加出现在第一线下方dy="15"第二<tspan>.

我可以<tspan>通过添加text-anchor="middle"来对齐每个人的文本.

但是如何做那些相对中心的对齐<tspan>呢?

我尝试使用x="0"每个,<tspan>但显然它不起作用,因为每个<tspan>都有不同的宽度,较短的行中的渲染文本向左移动.

有没有办法<tspan>只使用CSS和/或SVG 对齐不同宽度的2 的中心.

css svg text alignment tspan

45
推荐指数
3
解决办法
6万
查看次数

左对齐和右对齐两个div标签的最佳方法是什么?

右对齐和左对齐网页上的两个div标签的最佳方法是什么?如果可能的话,我想要一个优雅的解决方案.

html alignment

44
推荐指数
3
解决办法
19万
查看次数

只有一个数字的几个方程式

如何仅使用一个数字在对齐环境中为几个方程编号?

例如

\begin{align}
w^T x_i + b \geqslant 1-\xi_i \text{ if } y_i=1, \nonumber \\
w^T x_i + b \leqslant -1+\xi_i \text{ if } y_i=-1,
\end{align}
Run Code Online (Sandbox Code Playgroud)

编号将出现在第二个等式旁边.但如果它出现在两个方程的线之间会更好.

在这种情况下如何标记这组方程以供以后参考?

感谢致敬!

latex equation alignment

44
推荐指数
2
解决办法
9万
查看次数

Python间距和对齐字符串

我试图添加间距来对齐两个字符串变量之间的文本,而不使用""这样做

尝试使文本看起来像这样,第二列对齐.

Location: 10-10-10-10       Revision: 1
District: Tower             Date: May 16, 2012
User: LOD                   Time: 10:15
Run Code Online (Sandbox Code Playgroud)

目前它有这样编码,只是使用空格...

"Location: " + Location + "               Revision: " + Revision + '\n'
Run Code Online (Sandbox Code Playgroud)

我尝试使用string.rjust和srting.ljust,但无济于事.

建议?

python string alignment

42
推荐指数
5
解决办法
10万
查看次数

如何在phpstorm或webstorm中将文本与特定字符对齐?

我有这个文字

$test1 = 'testing1';
$test1test1 = 'testing1';
$test1test1test1 = 'testing1';
$test1 = 'testing1';
Run Code Online (Sandbox Code Playgroud)

我想像这样对齐,使用标签,

$test1           = 'testing1';
$test1test1      = 'testing1';
$test1test1test1 = 'testing1';
$test1           = 'testing1';
Run Code Online (Sandbox Code Playgroud)

有没有办法在phpstorm或webstorm中这样做?

php text alignment phpstorm webstorm

42
推荐指数
5
解决办法
2万
查看次数

2个div并排排列,如何使正确的div填充宽度100%?

我想知道这样做的最佳方法是......

我有3 div秒:

  • 一个div#containerwidth=100%;保持2个内div小号

  • 一个div#inner_leftwidth动态地改变,但不宽于200像素(将保持产品图像)

  • 一个div#inner_right其中宽度应填充该空间的其余部分在所述容器(将包含文本描述中示出的产品)

    #container {
       width:100%
    }
    
    #inner_left {
        display:inline-block:
        max-width:200px;
    }
    
    #inner_right {
        display:inline-block;
        width:100%; 
    }
    
    Run Code Online (Sandbox Code Playgroud)

问题是div#inner_right创建换行符并填充整个宽度.如何使它们彼此相邻,正确div计算左边的宽度div(动态变化?).我已经用其他方式工作,但我正在寻找一个干净的解决方案......

任何有关CSS菜鸟的帮助都非常感谢!

html css alignment fill

41
推荐指数
3
解决办法
6万
查看次数

如何在默认主题(Theme.Holo.Light)中将ActionBar中心的标题对齐

我搜索了很多但找不到方法,如何在ActionBar的中心设置标题,而不是左对齐.我使用下面的代码将标题设置在中心:

ViewGroup decorView= (ViewGroup) this.getWindow().getDecorView();
LinearLayout root= (LinearLayout) decorView.getChildAt(0);
FrameLayout titleContainer= (FrameLayout) root.getChildAt(0);
TextView title= (TextView) titleContainer.getChildAt(0);
title.setGravity(Gravity.CENTER);
Run Code Online (Sandbox Code Playgroud)

但它给出了如下错误:

ClassCastException : com.android.internal.widget.ActionBarView can not 
be cast to android.widget.TextView.
Run Code Online (Sandbox Code Playgroud)

任何其他解决方案..任何帮助将不胜感激.

android center alignment title android-actionbar

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

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万
查看次数

矢量数据如何对齐?

如果我想std::vector用SSE 处理数据,我需要16字节对齐.我怎样才能做到这一点?我需要编写自己的分配器吗?或者默认分配器是否已经与16字节边界对齐?

c++ sse vector alignment allocator

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