0

如何在 CSS3 中使框（边框半径）尺寸更大？如果我设置height属性，例如height:10%，它不会改变，但width:10%会使框的宽度变宽。我不知道为什么会出现这种不一致。此外，当我将高度调整为 时height: 100px，框大小会发生变化，但文本大小保持不变，尽管写入vertical-align: middle. 那么如何正确地使框尺寸变大但文本位置位于框的中间？

另外，为什么当鼠标悬停在盒子上时盒子的位置会移动而不是？

我在这里写了 JSFiddle

4

3 回答 3

1

你不能隐藏那个 div 你只能让它透明

div{
background:transparent;
}
于 2013-11-09T07:13:37.290 回答
0

如果您想使用 svg，可以使用 SVG阅读此轻松居中文本。

盒子的位置发生了变化，因为 padding: 0px;

.dropdown:hover .dropdown-menu {
    display: block;
    padding: 0px;/* remove this*/
    margin: 0px;
}

并且引导程序添加在您的左侧而不是css中

正确的链接看起来像这样

在外部资源下 //cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.0.2/css/bootstrap-theme.css

演示：http: //jsfiddle.net/rXNmA/2/

对于文本的位置，您可以使用

class=text-center

和

line-height: 2em;

或者

line-height: 2%;

取决于你想要达到的目标

演示：http: //jsfiddle.net/rXNmA/5/

于 2013-11-08T04:51:11.160 回答
0

它不需要百分比高度，因为这个 div 大小取决于“整个页面”的高度。将身体更改为 100% 高度，它将起作用。

html, body {
    height: 100%;
}
div {
    height: 10%;
}

垂直文本对齐

于 2013-11-08T11:54:42.687 回答