www.zhnq.net > Div+Css,li字适应宽度,自动横向排列换行。

Div+Css,li字适应宽度,自动横向排列换行。

试试: li{ float:left; margin:18px;} 例:<!DOCTYPE HTML><html> <head> <style> li{ float:left; margin:18px;} </style> </head><body> <div> <ol> <li>Helo World</li><li>Helo World</li><li>Helo World</li><li>Helo World</li><li>Helo World</li><li>

要看你li里面的内容了,li应该是本身就适应自动高度,给li宽度,里面的文字就会自动换行了,横向排列是想让 li都横向排列,那就写 float:left

把两个div float:left;然后两个div就会横向排列,要是想排两个就换行,可以在两个div的外面包一个大的div,宽度设为两个div宽度的总和,超过两个就自动换行

亲,在里面加上如下内容看看:.xiangmu>ul>li { float:left; }

当父元素和子元素都没有定义宽度的情况下实现水平居中: display:inline-block 可以使用text-align:center和display:inline-block相结合,这个技巧需要一个父元素. 1、HTML代码: 代码如下: Home … 2、CSS代码: 代码如下:.navbar { text-

在固定宽度的条件下,只要加上word-wrap:break-word; word-break:break-all;这行 代码,就能起到换行左右.如:<div style="width:80px; height:180px; background:#FF0000;"><p style="word-wrap:break-word; word-break:break-all;">afasdfjaklsdfjalkdjfalsdfjal;sjdfasdfjal;sfj</p></div>效果

标签是默认换行的,你可以选择用表格实现,也可以选择用JS将奇数列正常显示,偶数列的浮动到右侧试试.

你宽度设置为自动了,当然没办法换行了.文字是根据DIV的宽度自动识别换行了.如果一行能容80个字,那第81个会自动换行的.一种办法给你DIV加一个宽度.另外一个在DIV外边加一个DIV或Table设定宽度,包含此DIV,这样该DIV的宽度就由外边的DIV或Table控制了.实在不行你就在文字里面加换行符吧 设置好行高

你这个没必要宽度自适应,因为你背景就那么长,自适应要出问题的,给它定宽(宽度为允许的最大的宽度),然后overflow:hidden;,另外line-height最好设置一下

word-break:break-all; /*支持IE,chrome,FF不支持*/word-wrap:break-word;/*支持IE,chrome,FF*/

友情链接:prpk.net | bnds.net | qimiaodingzhi.net | zdly.net | ppcq.net | 网站地图

All rights reserved Powered by www.zhnq.net

copyright ©right 2010-2021。
www.zhnq.net内容来自网络,如有侵犯请联系客服。zhit325@qq.com