侧边栏壁纸
博主头像
落叶人生博主等级

走进秋风,寻找秋天的落叶

  • 累计撰写 130562 篇文章
  • 累计创建 28 个标签
  • 累计收到 9 条评论
标签搜索

目 录CONTENT

文章目录

css – 对齐>彼此相邻,不起作用

2022-12-27 星期二 / 0 评论 / 0 点赞 / 24 阅读 / 1358 字

我在div中有两个li元素的对齐问题,因为在下一个例子中 HTML <div id="menu-container"> <div class="menu-left">

... . . 我在div中有两个li元素的对齐问题,因为在下一个例子中

HTML

<div id="menu-container">    <div class="menu-left">        <ul id="menu-principal" class="menu">            <li><a href="">Hola</a></li>            <li><a href="">Hola2</a></li>        </ul>    </div><!-- More code --></div>

CSS代码在下一个链接中,我使用该html结构,因为这是通过在wordpress中放置菜单生成的.

http://jsfiddle.net/Soldier/KhLhR/1/

我有一个带有两个li元素的简单代码,我希望水平对齐每个宽度的50%,但不起作用.

编辑

嗯..所有的响应都涉及float:left,但是不想使用float:left因为这会导致溢出到ul并且我必须使用溢出:隐藏..我认为还有另一个因素失败但它们都给1和接受首先回答的答案.

谢谢

.

解决方法

. 加:

float: Left;

到菜单的li元素的css类(在此规则中):

“.menu-left ul li {”

之后“宽度:50%”

float属性指定框(元素)是否应该浮动.
见http://www.w3schools.com/cssref/pr_class_float.asp

. . .. ...

广告 广告

评论区