html-HTML中li的宽度怎么和内容自动符合

问题描述

HTML中li的宽度怎么和内容自动符合

li背景色红色、第一个li里是abcdefg,第二个li里是abc,第三个li里是abcdefghijkn、怎么能让li的宽度自动和内容文字一样

解决方案

 <style>
li{
  background-color:red;
  width:auto;
  float:left;
}
</style>
<body>
<li>abcdefg</li></br>
<li>abc</li></br>
<li>abcdefghijkn</li>
</body>

解决方案二:

配合ul在div配合css就可以实现你说的

时间: 2024-09-20 01:05:59

html-HTML中li的宽度怎么和内容自动符合的相关文章

网页栅格系统中的最佳宽度:960px

网站 首页页面宽度 px Yahoo! 950 淘宝 950 MySpace 960 新浪 950 网易 960 Live Search 958 搜狐 950 优酷 960 AOL 960 上面列举的都是 Alexa全球排名前100的站点 ,它们的首页宽度为950px/960px. 除了微软的Live Search, 这些站点有个共同特点:页面结构较复杂,都可以认为是门户型网站. 再来看看Google, YouTube, Facebook, Flickr!, eBay等知名站点,它们的首页宽度没

在Word 2010中以字符宽度为度量单位

在Word 2010文档中,用户不仅可以使用厘米.英寸等作为度量单位,还可以使用字符作为度量单位.例如在设置首行缩进段 落格式时,可以设置为首行缩进2字符的格式.在Word 2010中使用字符作为度量单位的步骤如下所述: 第1步,打开Word 2010文档窗口,依次单击"文件"→"选项"按钮,如图2012021101所示. 图2012021101 单 击"选项"按钮 第2步,打开"Word选项"对话框,切换到"高级&

javascript操作ul中li的方法

  本文实例讲述了javascript操作ul中li的方法.分享给大家供大家参考.具体如下: ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 <!DOCTYPE html PUBLIC "-//W3C//DT

ASP中取得图片宽度和高度的类(无组件)_应用技巧

ASP中取得图片宽度和高度的类(无组件) <% Class ImgWHInfo '获取图片宽度和高度的类,支持JPG,GIF,PNG,BMP     Dim ASO     Private Sub Class_Initialize         Set ASO=Server.CreateObject("ADODB.Stream")         ASO.Mode=3         ASO.Type=1         ASO.Open     End Sub     Pri

关于html中table表格宽度属于问题

问题描述 关于html中table表格宽度属于问题 有列的宽度 又有列与列之间的宽度 而且加起来就超过表格的宽度了 怎么解释呢 求大神指教 我是初学者 正在自学.非常感谢 解决方案 table 表格宽度问题html表格固定宽度问题html table宽度设置,本篇方法成功解决了我徒手写html的问题 解决方案二: 你设置的单元格宽度为200px,实际上没有200px,应该只有184px 解决方案三: 楼上的亲 怎么解释啊 不太懂耶

iOS 中根据屏幕宽度自适应分布按钮的实例代码_IOS

 下载demo链接:https://github.com/MinLee6/buttonShow.git 屏幕摆放的控件有两种方式,一种根据具体内容变化,一种根据屏幕宽度变化. 下面我分别将两个方式,用代码的方式呈现: 1:根据具体内容变化 // // StyleOneViewController.m // buttonShow // // Created by limin on 15/06/15. // Copyright 2015年 信诺汇通信息科技(北京)有限公司. All rights r

Jquery和JS获取ul中li标签的实现方法_jquery

js 获取元素下面所有的li var content=document.getElementById("content"); var items=content.getElementsByTagName("ul"); var itemss=items[2].getElementsByTagName("li");//获取第二个li标签 或 var div=document.getElementById('a'); var ul=div.childN

javascript操作ul中li的方法_javascript技巧

本文实例讲述了javascript操作ul中li的方法.分享给大家供大家参考.具体如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> &l

android webview中如何获得输入框输入的内容

问题描述 android webview中如何获得输入框输入的内容 求高手指点,寻求热心好人帮助.如何获得webview中登录框我输入的内容. 详细: 通过webView打开一个URL网址.打开后有一个登录页面,页面有个userID和Password的输入框,和一个登录按钮,输入帐号密码后点击登录按钮,如何获得我输入的帐号和密码????? url是用别公司的登录页面地址.不知道他的数据 解决方案 http://www.eoeandroid.com/forum.php?mod=viewthread