相关疑难解决方法(0)

应该是对Modernizr JavaScript文件的引用是否在页面的头部？我总是尝试将所有脚本放在页面底部,并希望保留它.如果它需要在头脑中,为什么？

我想显示一个包含标记文本字段的HTML表单,如下所示:

      First Name:  [_____________]
       Last Name:  [_____________]
   Date of Birth:  [________]

我明显的方法是使用a <TABLE>并简单地将标签和文本字段放在其单元格中,但是有更好的方法,例如基于CSS的方法吗？

编辑:

1. 我正在寻找一种方法来减少HTML文件中的冗长.
2. 是的,我正在寻找标签的自动调整大小.查看有关包装标签的相关问题

这是关于基本的HTML + CSS页面渲染。

当段落太长而无法容纳在一行中时，它会占用尽可能多的空间，然后进行换行，等等。

我希望对网页进行换行，以使最终的行尽可能相等。

因此，与其得到：

包裹包裹包裹包裹

包裹包裹包裹包裹

包裹包裹包裹包裹

包裹

最后一行很短，我会得到：

包裹包裹包裹

包裹包裹包裹

包裹包裹包裹

包裹包裹包裹

线条更加平衡。例如，这对于可能会或可能不会被包装的右对齐报价很有用，但是当包装很少时看起来很难看。

因此，我正在寻找一个HTML / CSS命令来告诉浏览器执行此操作。

备注：我不是要找正文字。我需要的是将行以一定的大小包裹起来，而不是最后一行要短得多。

可能吗？

我div已经text-align: center申请了。它应该能够包含可能会包装也可能不会包装的各种文本。当它换行时，我希望每行的长度大致相同，因此它将显示：

快速的棕色狐狸跳

懒惰的狗。

代替：

敏捷的棕色狐狸跳过了懒惰

狗。

基本上，我正在寻找一种纯CSS方法来自动将中断放置在文本中心附近。

我知道有JavaScript解决方案，并且我目前已经实现了服务器端解决方案，但是我一直在尝试学习更多CSS，以使将来的事情变得更加灵活。

我做了一个英雄部分,内容与边框重叠.这是它的样子:

我想删除该灰色区域以使其透明并使背景可见.但正如你可以看到它在边界重叠.所以我不希望看到边界成为罢工.内容和图像是动态的,因此宽度可能会改变.

现场演示:在Codepen上

HTML

        <div class="wrap">
    <div class="border">
        <h1 class="hero-title">We make your website beautiyul & usable </h1>
  <span class="attr">— Citation, ABC Inc</span>
    </div>
        </div>  

CSS

@import url(https://fonts.googleapis.com/css?family=Playfair+Display:400,700,900);

body {
  background: url('https://source.unsplash.com/category/nature') no-repeat center center #333;
  color:#FFF;
  font-family: "Playfair Display", Georgia, serif;
  background-size:cover;
}

.wrap {
  max-width:1200px;
  margin:0 auto;
  padding:130px 20px;
}

.border {
  border:solid 10px #FFF;
  text-align:center;
}

.attr {
  position:relative;
  top:-45px;
  font-size:20px;
  display:block;
}

.hero-title {
  font-weight:700;
  font-size:90px;
  text-align:center;
  margin:0 50px;
  padding:0;
  position:relative;
  top:-75px;
  background:#8b8b8b;
  display:inline-block;
}

现场演示: …