<div> <button onclick='previous($id)'><<</button> <button onclick='next($id)'>>></button> </div>可以将按钮位置调整到图片的两侧不?
时间: 2023-08-17 10:37:00 浏览: 86
是的,你可以使用CSS来将按钮调整到图片的两侧。以下是一种可能的方法:
1. 首先,将图片和按钮包装在一个DIV元素内,例如:
```
<div class="image-container">
<img src="image.jpg">
<div class="button-container">
<button onclick='previous($id)'><<</button>
<button onclick='next($id)'>>></button>
</div>
</div>
```
2. 在CSS中为该DIV元素和其中的元素添加样式,例如:
```
.image-container {
position: relative;
}
.image-container img {
display: block;
margin: 0 auto;
}
.button-container {
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.button-container button {
display: inline-block;
margin: 0 10px;
}
```
这样,按钮就会水平居中并垂直居中于图片的中心位置,左右两个按钮会分别在图片的左侧和右侧。你可以根据需要调整这些样式值,例如更改`top`属性来改变按钮的垂直位置,或者更改`margin`属性来改变按钮之间的间距。
相关问题
<div> <button onclick='previous($id)'><<</button> <button onclick='next($id)'>>></button> </div>可以将按钮调整位置不
是的,你可以使用CSS来调整按钮的位置。例如,你可以添加以下CSS代码来将按钮居中显示:
```
div {
display: flex;
justify-content: center;
}
button {
margin: 0 10px;
}
```
这样,按钮就会在DIV元素的中间位置,并且左右之间会有10像素的间距。你可以根据需要调整这些样式值。
echo " <div> <button onclick='previous($id)'><<</button> <button onclick='next($id)'>>></button> </div> <script> function previous(currentId) { window.location.href = 'navigate.php?subcategory=$subcategoryId&id=' + (currentId - 1); } function next(currentId) { window.location.href = 'navigate.php?subcategory=$subcategoryId&id=' + (currentId + 1); } </script> ";这写的是什么
这是一个PHP字符串,其中包含HTML代码和JavaScript代码。它生成一个包含左右箭头按钮的DIV,当点击左右箭头按钮时,会调用JavaScript函数previous和next来更新页面URL,实现在同一子类别下浏览不同文章的功能。其中,$id和$subcategoryId是PHP变量,通过字符串插值的方式嵌入到了HTML和JavaScript代码中。
阅读全文