相关疑难解决方法(0)

如何在div中垂直对齐文本？

我试图找到最有效的方法来将文本与div对齐.我尝试了一些东西,似乎都没有用.

.testimonialText {
  position: absolute;
  left: 15px;
  top: 15px;
  width: 150px;
  height: 309px;
  vertical-align: middle;
  text-align: center;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-style: italic;
  padding: 1em 0 1em 0;
}

Run Code Online (Sandbox Code Playgroud)

<div class="testimonialText">
  Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor
  in reprehenderit in voluptate velit esse …

Run Code Online (Sandbox Code Playgroud)

html css vertical-alignment

shi*_*juo

2018 06-24

1102
推荐指数

19
解决办法

157万
查看次数

在我的标签元素上设置高度:100%不起作用

我试着height: 100%;在标签中设置,但它没有用.为什么不？

.field label {
    color:#3E3E3E;
    font-weight:bold;
    width:80px;
    display:block;
    float:left;
    margin-top:5px;
    margin-left:3px;
    height:100%; /* <-- doesn't work */
}
.field {
    display:block;
    margin-bottom:9px;
    background:none;
    border:none;
}

Run Code Online (Sandbox Code Playgroud)

<div class="field large">
    <label>Textarea</label>
    <textarea></textarea>
</div>

Run Code Online (Sandbox Code Playgroud)

css

Luc*_*ino

2015 06-03

15
推荐指数

2
解决办法

4万
查看次数

具有高度的父 div：100% 不起作用

可能重复：
CSS - 100% 高度不起作用

我有3div秒，div-1是背景和div-2和div-3是两个容器（一个用于文本，一个用于照片）。

HTML：

<div id="div-1">
    <div id="div-2"></div>
    <div id="div-3"></div>
</div>

Run Code Online (Sandbox Code Playgroud)

CSS：

#div-1 {
width: 100%;
height:100%;
padding: 40px 0;
margin:0;
}

#div-2 {
width: 500px;
margin: 0;
float: left;
}

#div-3 {
width: 200px;
margin: 0;
float: right;
}

Run Code Online (Sandbox Code Playgroud)

这就是我得到的：

在此处输入图片说明