相关疑难解决方法(0)

在CSS中创建前导点

使用CSS在目录中执行前导点的好方法是什么?

例:

Link.............Chapter 1
Link.............Chapter 2
Link.............Chapter 3
Run Code Online (Sandbox Code Playgroud)

css

36
推荐指数
7
解决办法
3万
查看次数

标题在图像之前和之后的行

我想在居中的标题之前和之后创建一条线.线条和文本必须具有透明背景才能将它们放置在不平坦的背景上.该行不得为100%宽度,如下所示:

在图像之前和之后使用行居中显示文本

标题的文字可以改变:

  • 标题的宽度未知
  • 标题可以跨越几行

h1 {
  text-align: center;
  border-bottom: 1px solid #000;
}
Run Code Online (Sandbox Code Playgroud)
<h1>Today</h1>
Run Code Online (Sandbox Code Playgroud)

css css3 css-shapes

36
推荐指数
2
解决办法
2万
查看次数

Flex-grow不能按预期工作(flex项目没有我期望的宽度)

的jsfiddle

我正在尝试使用flexCSS属性将一组元素放入一个整洁的小盒子中.

它看起来在IE10中看起来我想要它,但Chrome显示它非常不同.我基本上有:

  • 容器
    • 选择框(flex:5),应该足够宽,以显示D,但不是更宽.
    • 文本输入(flex:10),应占用包含宽度的一半多一点
    • 确认按钮(flex:6)应足够宽以包含其文本,但不能多.

它在IE中运行良好,但在Chrome中,前两个元素占据了宽度的50%,使得确认按钮不再有效.

我的Flex逻辑是错误的,还是Chrome搞砸了?

css google-chrome flexbox internet-explorer-10

2
推荐指数
1
解决办法
1万
查看次数