Question

我正在尝试做两件事。

以响应方式水平和垂直居中文本，使其保持在框内

不透明度适用于框但不适用于文本。即，在具有一定透明度的框中，以水平和垂直（响应）为中心的实心白色字。我不确定我是在正确的道路上还是吠叫错误的树。 THX！

#homeBoxShadow{
    text-align:center;
    width: 300px;
    margin: 0 auto;
    height: 100px;
    background-color: black;
    opacity: .5;
    box-shadow: 10px 10px 5px #888888;
    color: white;
    font-size:3em;
    text-shadow: 3px 4px 5px #000; 

}

<div id="homeBoxShadow">some text</div>

Answer 1

只需使用rgba值。

.AlwaysOriginal

给它一个90px的行高，它的反应也是如此。

CODEPEN DEMO

Answer 2

试试这个（使用rgba）：

＆＃13;

<div id="homeBoxShadow">some text</div>

＆＃13;

2015-11-03 16:33:48.236 GitkitDemo[29377:722944] Sign in button tapped
2015-11-03 16:33:56.300 GitkitDemo[29377:722944] error Error Domain=com.google.HTTPStatus Code=400 "(null)" UserInfo={data={
 "error": {
  "errors": [
   {
    "domain": "global",
    "reason": "invalid",
    "message": "Unable to get user profile"
   }
  ],
  "code": 400,
  "message": "Unable to get user profile"
 }
}

＆＃13;

Answer 3

参见示例：

thatImage.setImageResource(R.drawable.myimage);

你的元素永远居中。

带有不透明度的框中的中心文字，并使文字变为实心

3 个答案: