小编sha*_*ed9的帖子

我正在检查Github如何显示以下菜单:

如果您注意到,每个菜单项的宽度相等.在CSS中,我们应该给它任何百分比值,这背后的原因是什么？注意父div没有给出display:table属性.

div {
  border: 1px solid #000;
  border-radius: 4px;
}

div ul {
  padding: 0;
  margin: 0;
}

div ul li {
  display: table-cell;
  width: 1%;
  text-align: center;
  border-right: 1px solid #000;
  padding: 10px 0;
}

div ul li:last-child {
  border-right: 0;
}

<div>
  <ul>
    <li><a href="#">Commits</a>
    </li>
    <li><a href="#">Branch</a>
    </li>
    <li><a href="#">Contribution</a>
    </li>
    <li><a href="#">anything</a>
    </li>
  </ul>
</div>

宽度百分比背后的原因是什么？

我想在HTML和CSS中编写以下设计

到目前为止我所做的是:

我用它做了:

1. 一个链接
2. SVG作为背景
3. CSS中的绝对位置和translate(x,y)属性.

请检查这个小提琴的实时链接

我的设计中的问题是:

1. 每个项目实际上都是一个矩形,如果你注意到突出显示的矩形为红色,这是选区的区域,所以如果你将鼠标悬停在m2的左下角,它将选择m3.
2. 我想在悬停时更改SVG背景的背景颜色,如何实现？
3. 是否有理想的方法使这个概念更好？即使我们使用JS来定位元素.

单击此处查看SVG形状本身.

项目的CSS代码:

.menu #m1 {
  right: 100px;
  transform: translate(-140px, -160px);
}
.menu #m2 {
  right: 295px;
  transform: translate(-25px, -80px);
}
.menu #m3 {
  right: 400px;
}
.menu #m4 {
  right: -60px;
  transform: translate(-140px, -160px);
}
.menu #m5 {
  right: 140px;
  transform: translate(-20px, -80px);
}
.menu #m6 {
  right: 240px;
}
.menu #m7 {
  right: -95px;
  transform: translate(-15px, -160px);
}
.menu #m8 {
  right: 0px;
  transform: …

我正在做一个博客设计，主要字体是Roboto，它来自Google 字体网站。

问题是它在 Firefox 中无法正确呈现，Firefox 使用 Tahoma 代替 Roboto 字体。

@font-face
{
    font-family: Roboto-Regular;
}

@font-face
{
    font-family: Roboto-Bold;
}

它在 Chrome 和 Safari 中运行良好。

谢谢，

我有自己的 Twitter 提要设计，我想使用我自己的设计来设置默认提要的样式。有没有办法做到这一点？

问题是你不能使用 CSS 选择器，因为它只在加载页面后出现。

请检查这张图片，让您更了解我需要什么

谢谢，

我正在使用一个带有"col-lg-9"类的div,在div中有两列,每列有一个"col-lg-6"类.它工作得很好,但问题是列之间没有余量.

为了直观地看待事物,我在主列中添加了灰色背景.请注意蓝色和粉红色列之间没有边距.

请参阅此图片中的问题:

实时链接:https: //dl.dropboxusercontent.com/u/35853519/basmaty-website/index.html

代码:

<div class="main col-lg-9">
    <div class="col-lg-6">

    </div>

    <div class="col-lg-6">

    </div>
</div>

谢谢,

我正在尝试使用Swiftmailer从Gmail发送电子邮件,并打印此错误:

Fatal error: Uncaught exception 'Swift_TransportException' with message 'Failed to authenticate on SMTP server with username "username@gmail.com" using 2 possible authenticators' in /home/websitename/public_html/cv/Swift-5.1.0/lib/classes/Swift/Transport/Esmtp/AuthHandler.php:184 Stack trace: #0 /home/websitename/public_html/cv/Swift-5.1.0/lib/classes/Swift/Transport/EsmtpTransport.php(312): Swift_Transport_Esmtp_AuthHandler->afterEhlo(Object(Swift_SmtpTransport)) #1 /home/websitename/public_html/cv/Swift-5.1.0/lib/classes/Swift/Transport/AbstractSmtpTransport.php(120): Swift_Transport_EsmtpTransport->_doHeloCommand() #2 /home/websitename/public_html/cv/Swift-5.1.0/lib/classes/Swift/Mailer.php(80): Swift_Transport_AbstractSmtpTransport->start() #3 /home/websitename/public_html/cv/profile2.php(69): Swift_Mailer->send(Object(Swift_Message)) #4 {main} thrown in /home/websitename/public_html/cv/Swift-5.1.0/lib/classes/Swift/Transport/Esmtp/AuthHandler.php on line 184

我的PHP代码:

require_once 'Swift-5.1.0/lib/swift_required.php';
$transport = Swift_SmtpTransport::newInstance('smtp.gmail.com', 465, "ssl")
      ->setUsername('username@gmail.com')
      ->setPassword('password');

    $mailer = Swift_Mailer::newInstance($transport);
    $message = Swift_Message::newInstance('Wonderful Subject')
      ->setFrom(array('username@gmail.com' => 'Ahmad Shadeed'))
      ->setTo(array('receiver@gmail.com' => 'YOU'))
      ->setBody('This is the text of the mail send by Swift using …