Question

我尝试定位图像，使其无论屏幕大小如何都始终高于特定字母。作为一个例子，如何将下方小提琴中的绿点定位在无点i上方。

我尝试过使用百分比绝对定位但是如果我调整屏幕大小，那么图像会移动到无点i的左/右。

HTML

<div id="pictureContainer">
  <img id="greenDot" src="https://upload.wikimedia.org/wikipedia/commons/thumb/0/0e/Ski_trail_rating_symbol-green_circle.svg/64px-Ski_trail_rating_symbol-green_circle.svg.png">
</div>
<div id="textContainer">
  <h1>H&inodot; World</h1>
</div>

CSS

#textContainer {
    text-align: center;
}

#greenDot {
    height: 10px;
    width: 10px;
}

JS FIDDLE https://jsfiddle.net/473hgg9o/1/

Answer 1

使用相对和绝对定位。 Here is an updated fiddle。根据需要更改顶部和左侧值。这使它们保持在同一个容器中，以便它们一起移动。

yourLabel.font = UIFont.init(name: YourFont, size: size)

Answer 2

我会使用点作为背景图像：

＆＃13;

Function<? super Context<Graph<V,E>,E>,Shape> getEdgeShapeTransformer();

＆＃13;

function getTier(num_tiers, arr_length, rank){
    var c = Math.floor(arr_length / num_tiers, 1),
    m = (rank - 1) % c;
    var result = Math.floor(((rank / c) - (m / c)) + 1, 0);
    return (result > num_tiers) ? num_tiers : result;
}

＆＃13;

Answer 3

我在一个范围内添加了img并给它绝对定位！

height()

查看这个小提琴：https://jsfiddle.net/473hgg9o/4/

将图像定位在字符

3 个答案: