我有一个(XHTML Strict)页面,在该页面上我将图像与普通文本段落一起浮动。一切顺利,除非使用列表而不是段落。列表的项目符号与浮动图像重叠。
更改列表或列表项的边距无济于事。页边距是从页面的左侧开始计算的,但浮动框将列表项推到其 内部
的右侧li
。因此,仅当我将其设置得比图像宽时,边距才有用。
浮动图像旁边的列表也可以,但是我不知道列表何时浮动。我不想为了解决此问题而浮动内容中的每个列表。此外,当图像浮动 到 列表 的右侧
而不是列表的左侧时,向左浮动会弄乱布局。
设置li { list-style-position: inside }
的确会使项目符号与内容一起移动,但是也会使换行的内容开始与项目符号对齐,而不是与上方的行对齐。
显然,问题是由子弹在盒子外面渲染引起的,浮动框将盒子的内容推向右侧(而不是盒子本身)。IE和FF就是这样处理情况的,据我所知,按照规范,这没有错。问题是,如何预防呢?
我找到了解决此问题的方法。施加ul { overflow: hidden; }
到ul
该盒子本身是由浮子推开保证,而不是框的内容。
只有IE6才需要ul { zoom: 1; }
在我们的条件注释中确保ul
布局。
本文向大家介绍Markdown 项目符号列表,包括了Markdown 项目符号列表的使用技巧和注意事项,需要的朋友参考一下 示例 项目符号列表的字符: 星号 加号 减号 请注意: 为了获得最佳效果,您必须使用相同的字符,因为在下面的示例中可以看到,不同的符号使列表中断 项目符号列表的字符: 星号1 星号2 星号3 加号1 加号2 加号3 减号1 减号2 减号3
问题内容: 例如,我需要使用星号(★)作为列表项目的项目符号。 我已经阅读了CSS3模块:Lists,它描述了如何使用自定义文本作为项目符号,但是它对我不起作用。我认为,浏览器根本不支持伪元素。 不使用图像怎么办? 问题答案: 编辑 我可能不再建议使用图像。我会坚持使用Unicode字符的方法,如下所示: 老答案 我可能会选择图像背景,它们更 有效, 通用且对跨浏览器友好。 这是一个例子:
我意识到我们可以使用背景图像的后退,但如果可能的话,使用字体Awesome将是很好的。
问题内容: 假设您有一个,给它一个定值,然后在其中添加元素,在我的情况下为另一个。 这个想法是容器的内容将导致容器伸展,并成为内容的背景。但是,当我这样做时,包含的对象会缩小以适合非漂浮的对象,并且漂浮的对象将要么全部伸出,要么一半伸出,一半进入,并且对big的大小没有任何影响。 为什么是这样?有什么我想念的东西,怎么才能让漂浮的物品伸出其中的东西呢? 问题答案: 最简单的方法是放在父div上,而
问题内容: 我只在div中遇到浮动元素问题,这是问题所在: 我需要有关第二个DIV的边框及其内容位置的说明。为什么边框在后面但内容在第一格之下? 还根据:https : //css-tricks.com/all-about-floats/#article-header-id-3 关于浮点数的更令人困惑的事情之一是它们如何影响包含它们的元素(它们的“父”元素)。如果此父元素只包含浮点元素,则其高度实
问题内容: 我所希望的是能够将列表中项目符号的颜色更改为浅灰色。它默认为黑色,我不知道如何更改它。 我知道我只能使用图像;如果可以的话,我宁愿不这样做。 问题答案: 项目符号从文本中获取颜色。因此,如果您要使用不同于列表中文本颜色的项目符号,则必须添加一些标记。 将列表文本换成跨度: 然后稍微修改您的样式规则: