- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我在让元素符号显示在无序列表中时遇到了一些问题。如果我更改 css 以在内部显示元素符号,它们应该向上,但紧挨着文本。我的伙伴想要的是元素符号显示在框架的最左侧,并且在它和文本之间有几个标签值的空间。我把边距/边框/填充搞得一团糟。 bit 无法让子弹准确到达我想要的位置!
我在下面包含了我的 html 和 css。
谢谢!詹姆斯
有问题的页面:
http://www.pingdynamic.com/sites/slva/services.html
CSS:
ul {
list-style-type: circle;
list-style-position: outside;
}
li {
margin-left: 50px;
}
HTML:
<h2 class="subheading">You Dream It. We Bring To Life.</h2>
<br>
<p>SLVA is proud to offer the following servies:</p>
<ul>
<li>Consultation - Let's discuss your goals and ideas and how to achieve them.</li>
<li>High performance parts, sales and installation.</li>
<li>Custom body work - From wide-body kits and ground effects to really any custom aesthetic modification you can imagine.</li>
<li>Custom carbon fiber design, forming and application.</li>
<li>Custom 3-stage paint work.</li>
<li>Full fabrication services - We work with all materials (including steel, aluminum, stainless steel) and methods
(traditional and TIG welding) </li>
<li>Custom chassis design and modification.</li>
<li>Custom suspension design, modification and fabrication.</li>
</ul>
</div>
最佳答案
你看不到元素符号的原因是因为你在 style.css 的第 10 行中有 overflow-x:hidden
- 这被应用于一大堆元素,包括 ul
和 li
。
尝试这样的事情:
<!DOCTYPE html>
<html lang="en">
<head>
<title>SVLA</title>
<style>
ul {
list-style-type: circle;
list-style-position: outside;
margin-left: 10px;
overflow: visible;
}
li {
padding-left: 50px;
overflow: visible;
}
</style>
</head>
<body>
<h2 class="subheading">You Dream It. We Bring To Life.</h2>
<br>
<p>SLVA is proud to offer the following services:</p>
<ul>
<li>Consultation - Let's discuss your goals and ideas and how to achieve them.</li>
<li>High performance parts, sales and installation.</li>
<li>Custom body work - From wide-body kits and ground effects to really any custom aesthetic modification you can imagine.</li>
</ul>
</body>
(我在此示例中向 ul
和 li
添加了一些额外的填充和边距,以补偿页面中的其他样式)
关于html - 显示外框的 UL 子弹,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16291704/
是否可以用按钮替换 ul 元素符号?我知道您可以使用 CSS 更改为图像,但如果我想要一个实际的元素呢? 最佳答案 这不可能如您所问,但您也许可以效仿它: some button textL
我在让元素符号显示在无序列表中时遇到了一些问题。如果我更改 css 以在内部显示元素符号,它们应该向上,但紧挨着文本。我的伙伴想要的是元素符号显示在框架的最左侧,并且在它和文本之间有几个标签值的空间。
我正在使用 the Orbit component of Foundation 5并想知道是否有办法将出现在幻灯片下方的元素符号移动到幻灯片本身的内容区域中。基本上,将元素符号放在图片上方。 有很多
我有一个从 wordpress 帖子生成的 ul li 边栏。客户为每个 LI 的元素符号使用了不同的图像。与其手动添加单独的元素符号,不如从一组(比如说 10 个)选项中进行选择? 正在考虑 Jqu
我有一个带有方向键和 2 个按钮的游戏 handle 。所有这些都是数字的(不是模拟的)。 我有一个处理他们的事件的程序: -(void)gamepadTick:(float)delta {
稍微注释掉后,我发现当我在 JavaScript 中运行此命令时,我的无序列表中的元素符号消失了(每个“页面”都是我的无序列表中的一个元素。): pages[i].style.display = "b
假设我想存储所有子弹,任何人在我的游戏中射击以计算每帧的新位置等。 如果有 10 名玩家,并且每个人的射击速率为每秒 10 次射击,我们可能需要在 10 秒后跟踪 1000 个物体。 我们确实知道,数
这是我所拥有的: import java.awt.Color; import java.awt.Component; import java.awt.Graphics; import java.awt
我正在通过 ant-design (antd) 库开发一个 reactjs 元素。我想在我的元素中使用 Carousel 组件。当我将内容的背景色 - 应显示在轮播内 - 设置为#FFF 时,元素符号
我是一名优秀的程序员,十分优秀!