标签: center

让元素"隐藏"到它的中心?

我注意到hide()在JQuery中使用该函数时,如下所示:

$("myDiv").hide("slow");

它总是"折叠"到div的左上角.有没有办法让它折叠到中心?(在我说的是配置div的情况下"position: absolute;")

jquery center hide

1
推荐指数
1
解决办法
2995
查看次数

以重新说明声明为中心

我即将开始一个项目,这是我目前在欢迎屏幕上的内容.

string[] welcome = new string[4] 
{ 
    "Welcome", 
    "Choose A Option Bellow By Inputing The Number And Clicking Enter.", 
    "1. View C:\\Windows\\ File directory", 
    "2. View Your Own Custom Directory" 
};

string userChoice;
for (int x = 0; x < 4; x++)
{
    Console.WriteLine(
        "{0," + ((Console.WindowWidth / 2) + welcome[x].Length / 2) + "}", welcome[x]);
}
Run Code Online (Sandbox Code Playgroud)

我如何集中我的读取线?那么当用户选择他们的选择时也会居中?

c# console center readline console-application

1
推荐指数
1
解决办法
235
查看次数

将div放在居中图像的顶部

我有一个看起来像这样的标记:

<div style="width: 150px; height: 250px;">
    <img src="Image1.jpg" />

    <div class="YellowExclaimIcon iconsBlack"></div>
</div>
Run Code Online (Sandbox Code Playgroud)

我要实现的目标如下:

结果

这意味着图像应始终位于父div的中心(水平和垂直),警告图标应位于图像顶部,右边和底部的边距为5。

另外要注意的是,图像的宽度和高度并不总是相同的,但是警告图标的位置应始终位于正确的位置。

YellowExclaimIcon类包含背景图像,但是可以根据需要更改为图像。要考虑的是图像还具有最大宽度和最大高度。

我尝试了此线程CSS帮助中的答案-图像上的div,但无法使其与居中一起使用。

html css image center

1
推荐指数
1
解决办法
6707
查看次数

使用css将表单居中

我正在尝试使用css的中心(到页面中间)一个html表单.

我已经读过其他成员的类似问题.但是,我无法弄清楚这一点

这是HTML表单:

<html>
<head>
    <link rel="stylesheet" type="text/css" href="styles/form_style.css">
    <title>My Form</title>
</head>
<body>
    <form   action="#">
          <label for="name">Your Name:</label>
          <input type="text" name="name" id="name" /><br />

          <label for="email">Your Email:</label>
          <input type="text" name="email" id="email" /><br />

          <input type="checkbox" name="subscribe" id="subscribe" />
          <label for="subscribe" class="check">Subscribe</label>
    </form>
</div>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)

这是CSS:

<style>
form{
  width: 700px ;
  margin-left: 0 auto;
}
label { 
    text-align:right; 
    width:100px; 
}
input { 
    margin-left: 10px; 
}
label.check, label.radio { 
    text-align:left; 
}
</style>
Run Code Online (Sandbox Code Playgroud)

我试了很久.但我仍然不能把形式集中在一起.任何指导?谢谢

html css forms center

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

如何设置中心下拉菜单文本?

我是一名学生为一个项目制作一个模拟网站.网址:http://www.brightpixelstudios.com

在"关于"下,您会找到一个下拉菜单.我试图将这个下拉菜单的文本居中,但作为一个CSS菜鸟,我很难过.

这是覆盖下拉菜单的模板CSS:

.nav li ul  { background: #fff; margin:5px 0 0; padding:10px 0 0; position: absolute; left: -999em; width: 180px; border: 1px solid #e3e3e3; z-index:9999; }
.nav li ul li { margin:0; }
.nav li ul li a  { padding: 8px 15px; width:150px; color:#666 !important; background: none; font-size:0.8em;}
.nav li ul li a:hover  { font-weight: bold; }
.nav li ul li a.sf-with-ul { padding-right:0; }
.nav li ul ul  { margin: -35px 0 0 170px !important; …
Run Code Online (Sandbox Code Playgroud)

css wordpress text center drop-down-menu

1
推荐指数
1
解决办法
1852
查看次数

如何将单元格置于JTable中心

我的代码遇到了一个特定的问题.

import java.awt.*;
import java.awt.event.*;
import javax.swing.*;
import java.io.*;
import javax.swing.JFrame;
import javax.swing.JScrollPane;
import javax.swing.JTable;
import javax.swing.table.DefaultTableModel;
import javax.swing.table.*;
import java.awt.Color;

class ver_his_sign extends JFrame {

    ver_his_sign() {

        JTable table = new JTable();
        JScrollPane scroll = new JScrollPane();

        DefaultTableModel model = new DefaultTableModel(get_data(), get_header());

        JFrame hk = new JFrame("Historial de Significados");
        Image icon = Toolkit.getDefaultToolkit().getImage("JLPT.jpg");
        ImageIcon ima = new ImageIcon("JLPT.jpg");
        table = new JTable(model) {
            public boolean isCellEditable(int row, int col) {
                switch (col) {
                    case 0:
                        return false;
                    case …
Run Code Online (Sandbox Code Playgroud)

java swing center jtable alignment

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

如何使用CSS集中链接

我很新,并且正在搞乱一些代码(只是HTML和CSS)但是我不能像我的文本那样得到我的链接到中心?id只是为了练习我知道它们不是必需的.

http://pastebin.com/kYyR6WUx

html css text center alignment

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

对齐图像中心Jquery Mobile

我在jquery mobile中有一个面板,如下所示:

在此输入图像描述

我希望徽标居中,但以下代码无效:

HTML

<div class="panel-content">
    <img src="images/logo.png" class="logopanel" width="15%" length="15%" align="center">
    <ul data-role="listview">
    </ul>
</div>
Run Code Online (Sandbox Code Playgroud)

mobile jquery image center alignment

1
推荐指数
1
解决办法
5826
查看次数

将div放在div中

我有一个100%宽的div,包含一个数字og较小的div"100x100px".

但我希望它们居中,以便当它们被迫在新行上开始时,左侧和右侧总是有相同的空间.我是以错误的方式绕过这个吗?

CSS:

.menuContainer {
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    margin: 0 auto;
    background-color: #7144E0;
}
    .menuItem {
        width: 100px;
        height: 100px;
        margin: 10px;
        background-color: #F3FD4F;
        display: inline-block;
}
Run Code Online (Sandbox Code Playgroud)

HTML:

<div class="menuContainer">
    <div class="menuItem"></div>
    <div class="menuItem"></div>
    <div class="menuItem"></div>
    <div class="menuItem"></div>
    <div class="menuItem"></div>
    <div class="menuItem"></div>
    <div class="menuItem"></div>
    <div class="menuItem"></div>
    <div class="menuItem"></div>
    <div class="menuItem"></div>
    <div class="menuItem"></div>
    <div class="menuItem"></div>
    <div class="menuItem"></div>
    <div class="menuItem"></div>
    <div class="menuItem"></div>
    <div class="menuItem"></div>
    <div class="menuItem"></div>
    <div class="menuItem"></div>
    <div class="menuItem"></div>
    <div class="menuItem"></div>
    <div class="menuItem"></div>
    <div class="menuItem"></div>
    <div class="menuItem"></div>
    <div …
Run Code Online (Sandbox Code Playgroud)

html css center

1
推荐指数
1
解决办法
59
查看次数

CSS如何集中菜单

我无法让菜单居中.我有中心的图像等,但我无法将菜单置于中心位置.

以下是与菜单相关的网站的一些CSS:

@charset "UTF-8";

    /* CSS Document */

#nav {
    width:975px; /* six main menu buttons at 150px per */
    margin:1 auto; /* Based on a suggestion from stackoverflow */ 
    list-style-type:none;
    text-align:center;
    position: fixed; /* used to render menu bar on top */
    top: 0; /* used to render menu bar on top */
    z-index: 1000; /* use z-index to render menu bar on top of everything, even the slideshow */
    display:inline-block;
    }

#nav li {
    display:inline-block; /* used to …
Run Code Online (Sandbox Code Playgroud)

html css menu center

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