Вопросы Теги

Невозможно расположить по центру две иконки шрифта в контейнере

Решение в Swift 3.1 (портирование рекомендованного Apple решения из здесь ) 

func containsPoint(_ point: CGPoint, path: UIBezierPath, inFillArea: Bool) -> Bool {

        UIGraphicsBeginImageContext(self.size)

        let context: CGContext? = UIGraphicsGetCurrentContext()
        let pathToTest = path.cgPath
        var isHit = false

        var mode: CGPathDrawingMode = CGPathDrawingMode.stroke

        if inFillArea {

            // check if UIBezierPath uses EO fill
            if path.usesEvenOddFillRule {
                mode = CGPathDrawingMode.eoFill
            } else {
                mode = CGPathDrawingMode.fill
            }
        } // else mode == stroke

        context?.saveGState()
        context?.addPath(pathToTest)

        isHit = (context?.pathContains(point, mode: mode))!
        context?.restoreGState()

        return isHit
        }

0
задан Vinnie 27 February 2019 в 14:05
поделиться

2 ответа

Переформатирование разметки для удобства чтения и добавление нового класса center в td 

<td class="center">
          <a class="fa fa-phone fa-3x" href="tel:+33500000000" />
          <a
            class="fa fa-map-signs fa-3x"
            href="https://www.google.com/maps/place/Acttif+Littoral/@47.2957248,-2.2068371,15z/data=!4m2!3m1!1s0x0:0x358670f7109ad0d7?ved=2ahUKEwjMl8zni8rgAhULAWMBHftSDJIQ_BIwCnoECAYQCA"
          />
        </td>

Затем вы можете сделать 

.center {
   display: flex;
   justify-content: center;
}
0
ответ дан deadcoder0904 27 February 2019 в 14:05
поделиться

Лучше не использовать макет таблицы для этого. 

<div class="icon-layout">
    <a class="fa fa-phone fa-3x" href="tel:+33500000000"></a>
    <a class="fa fa-map-signs fa-3x" href="https://www.google.com/maps/place/Acttif+Littoral/@47.2957248,-2.2068371,15z/data=!4m2!3m1!1s0x0:0x358670f7109ad0d7?ved=2ahUKEwjMl8zni8rgAhULAWMBHftSDJIQ_BIwCnoECAYQCA"></a>
</div>

CSS 

.icon-layout {
  vertical-align: middle;
  // if you want icons centered horizontally
  text-align: center
}
.icon-layout a {
  display: inline-block;
}
.icon-layout a:last-child {
  margin-left: 10px;
}

Отдай это назад

0
ответ дан Mark 27 February 2019 в 14:05
поделиться