Question

我有一个简单的页面，其中有一个带有几个孩子的jQuery菜单。菜单在页面左侧对齐，包含在td的第二个tr中。菜单正在运行，但是它显示的是左侧的孩子而不是默认设置。我使用jQuery的自定义css，以适应我的页面：我浏览它但找不到任何右边的选项！我只发现它有左右菜单的不同样式，所以必须有一个选项来修改方向，但我没有找到如何设置该选项。有人可以帮忙吗？

如果我的话不清楚，这是网站：http://www.copot.eu/matei/assets

以下是代码：

<html>
    <head>
        <title>Assets | Cicada3301's Website</title>
     <link rel='stylesheet' type='text/css' href='http://www.copot.eu/matei/assets/stylesheet.css'>
  <link rel='stylesheet' href='http://www.copot.eu/matei/assets/jquery-ui-stylesheet.css'>
  <script  type="text/javascript" src="http://www.copot.eu/matei/assets/jquery-1.10.2.min.js"></script>
  <script src="http://www.copot.eu/matei/assets/jquery-ui.js"></script>
    <script type="text/javascript" src="http://www.copot.eu/matei/assets/scripts.js"></script>
    <link rel='shortcut icon' type='image/x-icon' href='http://www.copot.eu/matei/assets/me.jpg'>
    </head>
    <body>
            <ul id='menu'>
                <li><a href='#'>Images</a>
                <ul>
                    <li><a href='#'><a href='me.jpg'>me.jpg</a></li>
                    <li><a href='#'><a href='cheese.jpg'>cheese.jpg</a></li>
                </ul>
                </li>
                <li><a href='#'>Stylesheets</a>
                    <ul>
                        <li><a href='#'><a href='stylesheet.css'>stylesheet.css</a></li>
                        <li><a href='#'><a href='jquery-ui-stylesheet.css'>jquery-ui-stylesheet.css</a></li>
                    </ul>
                </li><li><a href='#'>Scripts</a>
                    <ul>
                        <li><a href='#'><a href='scripts.js'>scripts.js</a></li>
                        <li><a href='#'><a href='jquery-1.10.2.min.js'>jquery-1.10.2.min.js</a></li>
                        <li><a href='#'><a href='jquery-ui.js'>jquery-ui</a></li>
                    </ul>
                </li><li><a href='#'>Fonts</a>
                    <ul>
                        <li><a href='#'><a href='Computerfont.ttf'>Computerfont.ttf</a></li>
                    </ul>
                </li>

            </ul>
    </body>
</html>

` 这是css：

http://www.copot.eu/matei/assets/jquery-ui-stylesheet.css 对不起..把它放在体内太长了

Answer 1

<强> CSS

将width更改为14%而非100%。

 .ui-menu .ui-menu-item {
       width: 14%;
 }

jQuery菜单显示它的左边的孩子而不是它的右边

1 个答案: