Questions tagged «alignment»

在GUI(包括网页)上下文中,对齐是指视觉元素的位置。或对于内存地址,为2的幂的倍数。

8
CSS:居中,但将内容向左对齐
我希望整个块都以其父对象为中心,但是我希望该块的内容保持对齐。 例子最好 在本页 : http://yaml-online-parser.appspot.com/?yaml=%23+ASCII+Art%0d%0a---+%7c%0d%0a++%5c%2f%2f%7c%7c%5c% 2f%7c%7c%0d%0a ++%2f%2f +%7c%7c ++%7c%7c __%0d%0a&type = python ascii艺术应居中(如显示),但应对齐并看起来像“ YAML”。 或这个 : http://yaml-online-parser.appspot.com/?yaml=%3f+-+Detroit+Tigers%0d%0a++-+Chicago+cubs%0d%0a%3a%0d%0a++-+2001-07-23 %0d%0a%0d%0a%3f +%5b + New + York + Yankees%2c%0d%0a ++++ Atlanta + Braves +%5d%0d%0a%3a +%5b + 2001-07-02%2c + 2001-08-12%2c%0d%0a ++++ 2001-08-14 +%5d%0d%0a 该错误消息应该像在控制台中一样全部对齐。
81 css  alignment  center 

5
如何在对齐环境中标记每个方程?
我想知道如何在对齐环境中标记每个方程式?例如 \begin{align} \label{eq:lnnonspbb} \lambda_i + \mu_i = 0 \\ \mu_i \xi_i = 0 \\ \lambda_i [y_i( w^T x_i + b) - 1 + \xi_i] = 0 \end{align} 仅标记第一个方程式,以后只能引用第一个方程式。

8
如何使用Console.WriteLine对齐列中的文本?
我有一种列显示,但末两列似乎未正确对齐。这是我目前的代码: Console.WriteLine("Customer name " + "sales " + "fee to be paid " + "70% value " + "30% value"); for (int DisplayPos = 0; DisplayPos < LineNum; DisplayPos = DisplayPos + 1) { seventy_percent_value = ((fee_payable[DisplayPos] / 10.0) * 7); thirty_percent_value = ((fee_payable[DisplayPos] / 10.0) * 3); Console.WriteLine(customer[DisplayPos] + …

8
Android:如何在底部和上方的列表视图中对齐按钮?
我想在列表视图的底部有一个按钮。 如果我使用relativeLayout / FrameLayout,它会对齐,但listView会变得非常僵化。 (在底部的按钮后面) 框架布局: <?xml version="1.0" encoding="utf-8"?> <FrameLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="vertical" android:layout_width="fill_parent" android:layout_height="fill_parent"> <ListView android:id="@+id/listview" android:layout_width="match_parent" android:layout_height="wrap_content" /> <FrameLayout android:layout_width="wrap_content" android:layout_height="match_parent" android:layout_alignParentBottom="true"> <Button android:id="@+id/btnButton" android:text="Hello" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_gravity="bottom" /> </FrameLayout> </FrameLayout> RelativeLayout: <?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="vertical" android:layout_width="fill_parent" android:layout_height="fill_parent"> <ListView android:id="@+id/listview" android:layout_width="match_parent" android:layout_height="match_parent" /> <RelativeLayout android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignParentBottom="true"> …

8
中心表单提交按钮HTML / CSS
我在将CSS表单的HTML表单提交按钮居中时遇到麻烦。 现在我正在使用: <input value="Search" title="Search" type="submit" id="btn_s"> <input value="I'm Feeling Lucky" title="I'm Feeling Lucky" name="lucky" type="submit" id="btn_i"> 这个CSS内容 #btn_s{ width: 100px; margin-left: auto; margin-right: auto; } #btn_i { width: 125px; margin-left: auto; margin-right: auto; } 而且它什么也没做。我知道我可能在做一些愚蠢的错误。我怎样才能解决这个问题?
75 html  css  center  alignment 


28
datatable jQuery-表标题宽度与主体宽度不对齐
我正在使用jQuery数据表。运行该应用程序时,标头宽度与主体宽度不对齐。但是,当我单击页眉时,它与主体的宽度对齐,但是即使那样,仍有一些光线未对齐。仅在IE中会出现此问题。 JSFiddle 页面加载后的外观如下: 单击标题后: 我的数据表代码: $("#rates").dataTable({ "bPaginate": false, "sScrollY": "250px", "bAutoWidth": false, "bScrollCollapse": true, "bLengthChange": false, "bFilter": false, "sDom": '<"top">rt<"bottom"flp><"clear">', "aoColumns": [{ "bSortable": false }, null, null, null, null ] }); rates是我的表格ID。 有人可以帮我吗?提前致谢。

4
在WPF的堆栈面板中左右对齐控件
我有以下代码: <DockPanel> <StackPanel DockPanel.Dock="Top" Orientation="Horizontal"> <RadioButton Content="_Programs" IsChecked="{Binding Path=ProgramBanksSelected}" IsEnabled="{Binding Path=ProgramsEnabled}" Margin="8" /> <StackPanel> <Label Content="Master" Height="28" Name="MasterFileStatus" VerticalContentAlignment="Center"/> </StackPanel> </StackPanel> ... 单选按钮应放置在堆栈面板的左侧(我删除了一些按钮,以免使示例不混乱),标签(我暂时将其放置在嵌套的StackPanel中)应该在右侧。 我已经尝试过很多对齐方式的组合,但是无法在右侧获得标签。我应该添加些什么来做到这一点?

3
如何使WPF ListView项目像水平滚动条一样水平重复?
我有一个WPF ListView垂直重复数据。我无法弄清楚如何使其水平重复,例如Windows资源管理器中的幻灯片视图。我当前的ListView定义是: <ListView ItemsSource="{StaticResource MyDataList}" ItemTemplate="{StaticResource ListViewTemplate}"> </ListView> DataTemplate是(尽管我认为这应该没关系); <Rectangle HorizontalAlignment="Stretch" Margin="0,1,0,0" x:Name="rectReflection" Width="Auto" Grid.Row="1" Height="30"> <Rectangle.Fill> <VisualBrush Stretch="None" AlignmentX="Center" AlignmentY="Top" Visual="{Binding ElementName=imgPhoto}"> <VisualBrush.RelativeTransform> <TransformGroup> <MatrixTransform Matrix="1,0,0,-1,0,0" /> <TranslateTransform Y="1" /> </TransformGroup> </VisualBrush.RelativeTransform> </VisualBrush> </Rectangle.Fill> <Rectangle.OpacityMask> <RadialGradientBrush GradientOrigin="0.5,1.041"> <RadialGradientBrush.RelativeTransform> <TransformGroup> <ScaleTransform CenterX="0.5" CenterY="0.5" ScaleX="1.202" ScaleY="2.865"/> <SkewTransform AngleX="0" AngleY="0" CenterX="0.5" CenterY="0.5"/> …
69 wpf  xaml  listview  alignment 

8
溢出文字可以居中吗?
当我指定text-align:center一个宽度大于文本宽度的元素时,文本将居中于元素的内容框中(如预期的那样)。 当我指定text-align:center宽度小于文本宽度的元素时,文本将与内容框的左边缘对齐,并溢出内容框的右边缘。 您可以在此处查看这两种情况。 任何CSS魔术都可以使文本在内容框的左边缘和右边缘均相等地溢出,从而使其居中吗?

2
如何使用CSS类在td元素内对齐div
它以这种方式工作 <td align="center"> 但是我想使用CSS类。 我这样定义班级但没有运气 td { vertical-align: middle; text-align: center; margin-left: auto; margin-right: auto; align: center; } 垂直对齐有效,文本对齐有效。但是它不能通过这种方式将td内的div对齐。我想在TD内对齐div。

5
使用CSS,如何“紧密”对齐“ A”与“ B”的底部/末端,其中“ B”的宽度和文字环绕未知
我有一个“可排序”表,其中当前排序列的标题显示一个图标: 排序图标将显示在文本的末尾(即,我们支持LTR / RTL)。我目前正在使用display:flex。但是,如果表的宽度缩小并且列标题文本开始换行,则我将进入不清楚的状态,即不清楚对哪一列进行排序: 相反,我想满足以下要求: 图标始终与最长文本行的“结尾”“紧密”对齐(即使换行单元格/按钮较宽)。 图标也应与文本的最后一行在底部对齐。 该图标绝对不能缠绕在自己的一行上。 该按钮必须存在并且应跨越单元的整个宽度。(它的内部样式和标记可以根据需要更改。) 仅在可能的情况下使用CSS和HTML。 它不能依赖已知/设置的列宽或标题文本。 例如: 我一直在尝试了一堆的不同组合display: inline/inline-block/flex/grid,position,::before/::after,甚至float(!),但无法获得所需的行为。这是我当前的代码演示问题: .table { border-collapse: collapse; width: 100%; } .thead { border-bottom: 3px solid #d0d3d3; } .thead .tr { vertical-align: bottom; } .button { padding: 1rem; text-align: start; font-family: Arial, "noto sans", sans-serif; font-size: 0.875rem; border: 0; background-color: …
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.