2赞

HTML UL宽度

作者：135369一生真爱_890 | 2023-09-03 13:46

如何解决《HTMLUL宽度》经验，为你挑选了1个好方法。

鉴于以下标记:


   apple
   orange
   pear

两者ul的和li的宽度显示为100%.如果我将a background-color应用于列表项,则突出显示会拉伸页面的整个宽度.

我只希望背景高光拉伸到最宽的项目(可能有一些填充).如何将宽度li(或可能是ul宽度)约束到最宽项目的宽度？

1> buti-oxa..：

添加ul {float: left; }样式会强制您的列表进入首选宽度,这就是您想要的.

问题是,您应该确保下一个元素位于列表下方,就像之前一样.清算应该照顾到这一点.

然后以任何方式将此列表中心化？

推荐阅读

程序员
ESP8266 WiFiClient简单的HTTP GET

如何解决《ESP8266WiFiClient简单的HTTPGET》经验，为你挑选了1个好方法。 ... [详细]
程序员
如何在大型电子表格中每三个单元格插入一行

如何解决《如何在大型电子表格中每三个单元格插入一行》经验，为你挑选了1个好方法。 ... [详细]
程序员
工具栏覆盖并在状态栏上投射阴影

如何解决《工具栏覆盖并在状态栏上投射阴影》经验，为你挑选了1个好方法。 ... [详细]
程序员
python错误:靠近"From":语法错误

如何解决《python错误:靠近"From":语法错误》经验，为你挑选了1个好方法。 ... [详细]
程序员
npm与UNMET PEER DEPENDENCY有关,与本地反应相关

如何解决《npm与UNMETPEERDEPENDENCY有关,与本地反应相关》经验，为你挑选了0个好方法。 ... [详细]
程序员
Access-Control-Allow-Origin:凭证标志为true时不允许使用"*",但没有Access-Control-Allow-Credentials标头

如何解决《Access-Control-Allow-Origin:凭证标志为true时不允许使用"*",但没有Access-Control-Allow-Credentials标头》经验，为你挑选了1个好方法。 ... [详细]
程序员
清理这个角色向量的优雅方法是什么？

如何解决《清理这个角色向量的优雅方法是什么？》经验，为你挑选了1个好方法。 ... [详细]
程序员
AVPreviewLayer的内容重力未填充图层

如何解决《AVPreviewLayer的内容重力未填充图层》经验，为你挑选了1个好方法。 ... [详细]
程序员
如何以编程方式将内容类型添加到索引？

如何解决《如何以编程方式将内容类型添加到索引？》经验，为你挑选了0个好方法。 ... [详细]
程序员
位掩码左移

如何解决《位掩码左移》经验，为你挑选了1个好方法。 ... [详细]
程序员
J检查板

如何解决《J检查板》经验，为你挑选了1个好方法。 ... [详细]
程序员
如何在node.js https/request Client中使用https代理？

如何解决《如何在node.jshttps/requestClient中使用https代理？》经验，为你挑选了1个好方法。 ... [详细]
程序员
什么是jQuery相当于offsetHeight？

如何解决《什么是jQuery相当于offsetHeight？》经验，为你挑选了1个好方法。 ... [详细]
程序员
使用Jackson获取多态性,在运行时添加SubType信息

如何解决《使用Jackson获取多态性,在运行时添加SubType信息》经验，为你挑选了0个好方法。 ... [详细]
程序员
如何清除SFSafariViewController凭据？

如何解决《如何清除SFSafariViewController凭据？》经验，为你挑选了1个好方法。 ... [详细]
程序员
EF 6过滤子集合

如何解决《EF6过滤子集合》经验，为你挑选了0个好方法。 ... [详细]
程序员
nginx正在提供下载而不是php页面

如何解决《nginx正在提供下载而不是php页面》经验，为你挑选了1个好方法。 ... [详细]
程序员
使用正确的上下文发送电子邮件

如何解决《使用正确的上下文发送电子邮件》经验，为你挑选了1个好方法。 ... [详细]
程序员
SBCL惊喜失效进入浮点？

如何解决《SBCL惊喜失效进入浮点？》经验，为你挑选了1个好方法。 ... [详细]
程序员
在使用Spring Data REST存储库时,如何确定RESTful资源的哪些属性在保存之前已更改？

如何解决《在使用SpringDataREST存储库时,如何确定RESTful资源的哪些属性在保存之前已更改？》经验，为你挑选了1个好方法。 ... [详细]

135369一生真爱_890

这个屌丝很懒，什么也没留下！

关注作者

Tags | 热门标签

RankList | 热门文章