web内のデザインしたツールを真ん中に表示させたい

タグの編集
投稿者 kojiro  (社会人) 投稿日時 2020/6/1 14:29:34
*.aspx内に、デザインで、挿入した、リストボックス等は、左詰めで、デザインされますが、これを中央表示に、できると存じますが、良い方法を、ご教示ください
投稿者 kojiro  (社会人) 投稿日時 2020/6/1 15:10:15
スペースでやるのでしょうね。
ありがとうございます。
投稿者 魔界の仮面弁士  (社会人) 投稿日時 2020/6/1 15:54:53
ListBox そのものの位置をページ中央にするのではなく、
一覧項目を中央寄せにしたいということでしょうか。

その場合は例えば、ListBox の CssClass に任意の名前…たとえば「Centering」と入力しておき、
*.css ファイルに下記を追加してみては如何でしょう。

select.Centering>option
{
    text-align:center;
}

投稿者 魔界の仮面弁士  (社会人) 投稿日時 2020/6/1 19:11:27
> ListBox そのものの位置をページ中央にするのではなく、
> 一覧項目を中央寄せにしたいということでしょうか。

ListBoxそのものの位置を変更したいという意味なら、
例えば親に div 要素を用意してこんな感じです。
(「スタイルシート」のことはご存知でしょうか?)

<div style="text-align: center;;">
            <asp:ListBox ID="ListBox1" runat="server"></asp:ListBox>
</div>


基準となる親要素がある場合、デザイン画面で ListBox を選択した状態で
[書式]-[位置] や [書式]-[位置の設定] を併用すれば、マウス操作にて
細かい位置調整をおこなうこともできます。