正文
html5中横排，html竖排
提示：扫一扫查出行【扫一扫了解最新限行尾号】
复制提示
怎么将ul下的li标签横着排列,要设置那个属性?
1、把ul包含的li定义为一个类，在css样式用类选择器设置li的float属性为向左浮动，即为float：left；最好将无序列表前面的点去掉。即ul的list-style-type：none；这样设计出来的比较美观。
2、方案一： 设置足够宽的宽度，然后将li的float属性设置为left。意思就是使li元素向左浮动排列。
3、第一种方法是：用给ul添加display：inline；就可以实现li在一行内显示；第二种：把li定一个宽度 然后用float：left；或者是float：right；都行。
4、li标签元素横排，关键是float属性，比如下例，li往左浮动，不清除浮动即可。居中显示，把ul，li用一个盒子nav装起来，并设置 “text-align： center；”属性即可，即内容居中。
相关问答
Q1: HTML排版怎么实现元素横向放置?
很多回答都是设置float属性来排列，其实可以从属性之外的方面设置。鉴于li元素是块状元素，所以元素与元素之间才会换行，现在只要把li元素变成元素之间可以同行的内联块状元素就行了。
a 标签是行内元素，默认状态下就是横向排列的。
说明：对文字DIV设置较小的宽度，以达到一排只能排下一个文字，这样文字就自动换行，实现垂直竖列排版。使用br换行让其文字垂直竖排显示 。利用html br换行标签实现文字换行，对每个文字后加上换行br标签让其竖列排版。
需要写css，让li浮动或者是变成内联元素，写在style.css里面。
先将各元素单独切出来，放到一个文件夹内；将ps里的文本等元素关闭显示，再切背景；整合较小的图片做成雪碧图（该步骤可以在第一步时完成）；用HTML代码编写布局及结构；用CSS代码编写呈现效果。
Q2: DIV+CSS样式,li自动适应高度,自动换行,横向排列
CSS代码：#wrap{white-space：normal； width：200px； }。DIV代码：div ddd1111111111111111111111111111111111/div。可以实现文字自动换行。
li标签是默认换行的，你可以选择用表格实现，也可以选择用JS将奇数列正常显示，偶数列的li浮动到右侧试试。
如何定义让两个DIV横向排列 两个DIV横向排列方法一： 一般情况，默认的DIV是写一个换一行，那么如何定义两个DIV横向排列而不换行呢？ DIV默认的display属性是block。
你这种div不限高度的，不能用两行横向排列做。只能按三列竖向排列做。
新建html文档。书写hmtl代码。 ！-- 横向排列 -- ， div id=nav，div id=box11/div，div id=box22/div，div id=box33/div，/div。初始化css代码。
Q3: HTML中导航条文字怎样弄成横排显示?
1、。用Dreamweaver创建一个新的HTML文件；先按ctrls保存，以防突然断电，数据丢失；将title修改为htmlcss，实现横向导航；创建一个新的divid“A”并添加ulli标签；在li中添加所需的文本，并调整文本间距。
2、然后设置导航条的li左浮动，并且去掉li前面的圆点，让导航条更好看。然后设置导航条的a标签转块级，以及导航条菜单的宽高，文字颜色，水平垂直居中和背景色以及去掉a标签的下划线。接着设置鼠标经过导航条菜单变色即可。
3、新建html页面 打开html编辑软件，新建一个html页面。如图：添加导航标签 在body标签里新建一个ul/ul标签，然后在ul标签里添加几个li/li标签。如图：在li标签内添加文字。
4、横排无非是本身标签是行内标签或者将块状标签添加浮动效果，然后变成横排排列的导航。a标签既可以当做链接符号来用，本身也是行内标签的一种，直接用a标签输入文字，可以直接在横排显示。如图所示效果，横排显示的导航。
5、li{ list-style：none； margin-top：0px； text-align：left； float：left； width：30px； /* 这句限定了列表每列的宽度，宽度太小，所以文字变成竖写。
6、我们可以通过a{display：block}的设置来解决这一问题。类似的，当我们想要借助列表，达到设置横向导航目的时，我们希望列表的每一行能够在同一行显示，这时我们也可以通过块状结构与行内结构的结合来达到此目的。
关于html5中
