CSS 如何让li横向居中显示

原创 2012年03月22日 19:25:52

先给一个简单的示例HTML代码

<body>
    <form id="form1" runat="server">
    <div id="title">
    <ul id="list" >
    <li>标题一</li>
    <li>标题二</li>
    <li>标题三</li>
    <li>标题四</li>
    <li>标题五</li>
    </ul>
    </div>
    
    </form>
</body>

以前为了让li中的元素横向并列展示,总是对li设置float:left。效果如下。

但是我想让标题居中显示是除了设置margin-left外没有别的办法。这还不能绝对剧中。

后面发现只需要简单的两部。

一,设置li的 display:inline;就可以让其横向展示。

二,设置上一层DIV的text-align:center;

#title
     {
      text-align:center;
     }
     ul li
     {
       list-style-type:none;
       display:inline;
     }


版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

html——ul、li导航栏居中的两种办法

总结了下导航栏的制作方法:一种是用float设计,提前设置好高度与宽度,然后将要显示的元素设置为float::left依次显示。 ji

<ul><li></li></ul>之间的文字居中水平显示

#linknav{height:140px;} #linknav ul{text-align:center;list-style-type:none;} #linknav ul li{displa...

CSS 如何让li横向居中显示

先给一个简单的示例HTML代码 [html] view plaincopyprint? body>      form id="form1" runat="...

ul,li不能左右居中的问题

最近帮朋友做一个他们公司的商品网站,用到了以前学到的html+css技术,当然做网站少不了Javascript和jquery这些.....       声明了ul,li的样式,始终找不到错误,怎么也不...

如何应用ul、li标签 创建css横向导航菜单?

我们制作导航条按照传统的方法由放在一行表格单元里的图形图像构成,或者由单元格内的文字所组成,由于人们不再推荐用表格来定位任何非表格的页面内容,所以很多制作Web的人正在寻找新的方法,用结构化的XHTM...

CSS中<li>标签横向排列出现间距问题

HTML代码块: 公告 规则 论坛 安全 公益 CSS代码块: #tabControl .tab-header ...

用ul、li标签 创建css横向导航菜单?

创建CSS样式文本导航条的最简单解决方法也许就是把所有的链接都放在一行文本里,这种方法看起来很合理也很直观。但问题在于把所有的链接都放在一行文本里就很难控制链接之间以及前后的空白。所以,为了避免所有的...

使用CSS,UL,LI实现新闻标题分栏显示

首先看效果:代码:http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml">CSS ...

li浮动还可以居中ul

css中li中控制文字字数,并显示省略号

text-overflow:ellipsis的巧妙运用 取值: clip :默认值 。不显示省略标记(...),而是简单的裁切. ellipsis: 当对象内文本溢出时显示省略标记(......
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)